/*``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
        Screen Width :: 1440px+
 '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

/* Slide */
.slide {
    align-items: center;
    display: flex;
    justify-content: center;
}

/* Flex */
.flex-center_center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.flexCol-center_start {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

/*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 1*/
#slide1 {
    flex-flow: column nowrap;
    height: 100vh; /* i */
    min-height: 689px; /* i */
    position: relative;
    width: 100%;
}

/* ArtBox */
.aB1 {
    height: 100%;
    object-fit: cover;
    object-position: 50% 10%; /* i */
    width: 99%; /* i */
}

/* TextBox */
.tB1 {
    background-color: rgba(141, 88, 90, 0.9);
    bottom: 0;
    height: auto; /* i */
    left: 0;
    position: absolute;
    width: 100%;
}

.tB1 h2 {
    margin-top: 1%; /* i */
    padding: 1% 5%; /* i */
    border-top: 0.5vh solid rgba(55, 42, 22, 0.5); /* i */

    color: rgba(255, 255, 255, 0.95);
    font-family: "Open Sans", sans-serif;
    font-size: 2.25vw; /* i */
    font-weight: 400;
    letter-spacing: 0.25rem; /* i */
}

/*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 2*/
#slide2 {
    width: 100%;
}

/* GalleryWall */
.gW2 {
    background-color: rgba(255, 251, 246, 0.99);
    margin: 10vh 10% 5vh 10%; /* i */
    width: 100%;
}

.gW2 > h2 {
    padding: 1.75% 0; /* i */
    width: 100%;

    font-family: "Noto Serif SC", sans-serif;
    font-size: 2vw; /* i */
    font-weight: 500;
    text-align: center;
}

.gW2 > h2:first-of-type {
    letter-spacing: 0.5rem; /* i */
}

.gW2 > h2:last-of-type {
    border-bottom: 0.5vh solid rgba(0, 0, 0, 0.8); /* i */

    letter-spacing: 0.25rem; /* i */
}

/* WelcomeBanner */
.wB2 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.wB2 h1 {
    margin: 0 2.5%; /* i */
    width: 7.5%; /* i */

    color: rgba(0, 0, 0, 0.85);
    font-family: "Noto Serif SC", sans-serif;
    font-size: 5vw; /* i */
    line-height: 160%; /* i */
    text-align: center;
}

/* ArtBox */
.aB2 {
    border: 1vh solid rgba(141, 95, 101, 0.25); /* i */
    height: 50vh; /* i */
}

/* TextBox */
.tB2 {
    width: 100%;

    text-align: center;
}

/* ServiceRows */
.sR2 {
    align-items: center;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* ServiceCols */
.sC2 {
    padding: 5%; /* i */
    width: 25%; /* i */

    font-family: "Open Sans", sans-serif;
    font-size: 1.75vw; /* i */
}

.sC2 > h2 {
    color: rgba(33, 31, 95, 0.99);
    font-size: 2.5vw; /* i */
    font-weight: 600;
    letter-spacing: 0.25rem; /* i */
}

.sC2 > p {
    color: rgba(141, 95, 101, 0.99);
    font-size: 2vw; /* i */
    font-weight: 400;
    letter-spacing: 0.5rem; /* i */
}

/* SpacerBlocks */
.sB2 {
    background-color: rgba(181, 24, 45, 0.99);
    height: 2vw; /* i */
    transform: rotate(45deg);
    width: 2vw; /* i */
}

/*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3-4*/
/* WordCloud */
.wordCloud {
    padding: 5% 1%; /* i */

    color: rgba(255, 255, 255, 0.85);
    font-family: "Open Sans", sans-serif;
    font-size: 1.5vw; /* i */
    font-weight: 400;
    letter-spacing: 0.5rem; /* i */
    line-height: 200%; /* i */
    text-align: center;
}

/*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3*/
#slide3 {
    width: 100%;
}

/* ArtFrame */
.aF3 {
    align-items: center;
    display: flex;
    height: 75vh; /* i */
    justify-content: center;
    margin-bottom: 2vh; /* i */
    position: relative;
    width: 98%; /* i */
}

/* ArtBox */
.aB3 {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%; /* i */
    width: 100%;
    z-index: 50;
}

/* PatchWork */
.pW3 {
    align-items: center;
    background-color: rgba(141, 88, 90, 0.9);
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 0 5%; /* i */
    position: absolute;
    width: 40%; /* i */
    z-index: 51;
}

.pW3 h2 {
    padding: 2.5% 0; /* i */

    color: rgba(255, 255, 255, 1);
    font-family: "Noto Serif SC", sans-serif;
    font-size: 3.5vw; /* i */
    font-weight: 700;
    letter-spacing: 0.5rem; /* i */
}

.pW3 p {
    border-top: 0.5vh solid rgba(33, 31, 95, 0.9); /* i */
}

/*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 4*/
#slide4 {
    width: 100%;
}

/* ArtFrame */
.aF4 {
    align-items: center;
    display: flex;
    height: 75vh; /* i */
    justify-content: center;
    margin-bottom: 2vh; /* i */
    position: relative;
    width: 98%; /* i */
}

/* ArtBox */
.aB4 {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%; /* i */
    width: 100%;
    z-index: 50;
}

/* PatchWork */
.pW4 {
    align-items: center;
    background-color: rgba(33, 31, 95, 0.9);
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    padding: 0 5%; /* i */
    position: absolute;
    right: 0;
    width: 40%; /* i */
    z-index: 51;
}

.pW4 h2 {
    padding: 2.5% 0; /* i */

    color: rgba(255, 255, 255, 1);
    font-family: "Noto Serif SC", sans-serif;
    font-size: 3.5vw; /* i */
    font-weight: 700;
    letter-spacing: 0.5rem; /* i */
}

.pW4 p {
    border-top: 0.5vh solid rgba(141, 88, 90, 0.9); /* i */
}

/*``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
        Screen Width :: 1080px
 '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

@media only screen and (max-width: 1080px) {

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 1*/

    /* TextBox */
    .tB1 h2 {
        padding: 1% 4%; /* ii */

        font-size: 2.5vw; /* ii */
        letter-spacing: 0.1875rem; /* ii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 2*/

    /* GalleryWall */
    .gW2 > h2 {
        font-size: 2.25vw; /* ii */
    }

    /* WelcomeBanner */
    .wB2 h1 {
        margin: 0 2.5% 2.5% 2.5%; /* ii */

        font-size: 5.25vw; /* ii */
        line-height: 170%; /* ii */
    }

    /* ServiceCols */
    .sC2 {
        width: 27.5%; /* ii */

        font-size: 2vw; /* ii */
    }

    .sC2 > h2 {
        font-size: 2.75vw; /* ii */
        letter-spacing: 0.1875rem; /* ii */
    }

    .sC2 > p {
        font-size: 2.25vw; /* ii */
        letter-spacing: 0.25rem; /* ii */
    }

    /* SpacerBlocks */
    .sB2 {
        height: 2.5vw; /* ii */
        width: 2.5vw; /* ii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3-4*/
    /* WordCloud */
    .wordCloud {
        font-size: 1.75vw; /* ii */
        letter-spacing: 0.375rem; /* ii */
        line-height: 210%; /* ii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3*/

    /* PatchWork */
    .pW3 {
        width: 40%; /* ii */
    }

    .pW3 h2 {
        font-size: 3.75vw; /* ii */
        letter-spacing: 0.375rem; /* ii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 4*/

    /* PatchWork */
    .pW4 {
        width: 40%; /* ii */
    }

    .pW4 h2 {
        font-size: 3.75vw; /* ii */
        letter-spacing: 0.375rem; /* ii */
    }

}

/*``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
        Screen Width :: 768px
 '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

@media only screen and (max-width: 768px) {

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 1*/

    /* TextBox */
    .tB1 {
        height: 17.5%; /* iii */
    }

    .tB1 h2 {
        padding: 1% 3%; /* iii */
        max-width: 90%; /* iii */

        font-size: 3.5vw; /* iii */
        letter-spacing: 0.125rem; /* iii */
        line-height: 150%; /* iii */
        text-align: center; /* iii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 2*/

    /* GalleryWall */
    .gW2 {
        margin: 10vh 10% 5vh 10%; /* iii */
    }

    .gW2 > h2 {
        font-size: 2.75vw; /* iii */
    }

    /* WelcomeBanner */
    .wB2 h1 {
        font-size: 5.75vw; /* iii */
        line-height: 180%; /* iii */
    }

    /* ServiceCols */
    .sC2 {
        width: 30%; /* iii */

        font-size: 2.5vw; /* iii */
    }

    .sC2 > h2 {
        font-size: 3.25vw; /* iii */
        letter-spacing: 0.125rem; /* iii */
    }

    .sC2 > p {
        font-size: 2.75vw; /* iii */
        letter-spacing: 0.1875rem; /* iii */
    }

    /* SpacerBlocks */
    .sB2 {
        height: 3vw; /* iii */
        width: 3vw; /* iii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3-4*/
    /* WordCloud */
    .wordCloud {
        font-size: 2.25vw; /* iii */
        letter-spacing: 0.25rem; /* iii */
        line-height: 220%; /* iii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3*/

    /* ArtFrame */
    .aF3 {
        height: 70vh; /* iii */
    }

    /* PatchWork */
    .pW3 h2 {
        padding: 2.5% 0; /* i */

        font-size: 4.25vw; /* iii */
        letter-spacing: 0.25rem; /* iii */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 4*/

    /* ArtFrame */
    .aF4 {
        height: 70vh; /* iii */
    }

    /* PatchWork */
    .pW4 h2 {
        font-size: 4.25vw; /* iii */
        letter-spacing: 0.25rem; /* iii */
    }

}

/*``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
        Screen Width :: 576px
 '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

@media only screen and (max-width: 576px) {

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 1*/
   .aB1{  height:80%;  }
    /* TextBox */
    .tB1 h2 {
        font-size: 4vw; /* iv */
        line-height: 160%; /* iv */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 2*/

    /* GalleryWall */
    .gW2 > h2 {
        font-size: 3.25vw; /* iv */
    }

    /* WelcomeBanner */
    .wB2 h1 {
        font-size: 6.25vw; /* iv */
        line-height: 190%; /* iv */
    }

    /* ServiceRows */
    .sR2 {
        flex-flow: column nowrap; /* iv */
    }

    /* ServiceCols */
    .sC2 {
        width: 75%; /* iv */

        font-size: 3vw; /* iv */
    }

    .sC2 > h2 {
        margin: 2vh 0; /* iv */

        font-size: 4.25vw; /* iv */
    }

    .sC2 > p {
        font-size: 3.75vw; /* iv */
        letter-spacing: 0.125rem; /* iv */
    }

    /* SpacerBlocks */
    .sB2 {
        height: 4vw; /* iv */
        width: 4vw; /* iv */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3-4*/
    /* WordCloud */
    .wordCloud {
        font-size: 2.75vw; /* iv */
        letter-spacing: 0.125rem; /* iv */
        line-height: 200%; /* iv */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3*/

    /* ArtFrame */
    .aF3 {
        height: 65vh; /* iv */
    }

    /* ArtBox */
    .aB3 {
        object-position: 62.5% 50%; /* iv */
    }

    /* PatchWork */
    .pW3 {
        width: 42.5%; /* iv */
    }

    .pW3 h2 {
        padding: 5% 0; /* iv */

        font-size: 4.75vw; /* iv */
        letter-spacing: 0.125rem; /* iv */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 4*/

    /* ArtFrame */
    .aF4 {
        height: 65vh; /* iv */
    }

    /* PatchWork */
    .pW4 {
        width: 42.5%; /* iv */
    }

    .pW4 h2 {
        padding: 5% 0; /* iv */

        font-size: 4.75vw; /* iv */
        letter-spacing: 0.125rem; /* iv */
    }

}

/*``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
        Screen Width :: 384px
 '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

@media only screen and (max-width: 384px) {

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 1*/

    /* TextBox */
    .tB1 h2 {
        margin-top: 0; /* v */

        font-size: 5vw; /* v */
        letter-spacing: 0.06125rem; /* v */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 2*/

    /* GalleryWall */
    .gW2 {
        margin: 10vh 2.5% 5vh 2.5%; /* v */
    }

    .gW2 > h2 {
        padding: 2.75% 0; /* v */

        font-size: 4.25vw; /* v */
    }

    /* WelcomeBanner */
    .wB2 h1 {
        width: 10%; /* v */

        font-size: 7.25vw; /* v */
        line-height: 200%; /* v */
    }

    /* ArtBox */
    .aB2 {
        height: 40vh; /* v */
    }

    /* ServiceCols */
    .sC2 {
        font-size: 4vw; /* v */
    }

    .sC2 > h2 {
        margin: 3vh 0; /* v */

        font-size: 6.25vw; /* v */
    }

    .sC2 > p {
        font-size: 5.75vw; /* v */
    }

    /* SpacerBlocks */
    .sB2 {
        height: 5vw; /* v */
        width: 5vw; /* v */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3-4*/
    /* WordCloud */
    .wordCloud {
        font-size: 3.75vw; /* v */
        letter-spacing: 0.06125rem; /* v */
        line-height: 180%; /* v */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 3*/

    /* ArtFrame */
    .aF3 {
        height: 55vh; /* v */
    }

    /* PatchWork */
    .pW3 {
        width: 42.5%; /* iv */
    }

    .pW3 h2 {
        font-size: 5.75vw; /* v */
    }

    /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,SLIDE 4*/

    /* ArtFrame */
    .aF4 {
        height: 55vh; /* v */
    }

    /* ArtBox */
    .aB4 {
        object-position: 37.5% 50%; /* v */
    }

    /* PatchWork */
    .pW4 h2 {
        font-size: 5.75vw; /* v */
    }

}

/*``````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
    MEDIA QUERY: MOBILE 768PX (mobile)
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/

@media only screen and (max-device-width: 768px) and (orientation: portrait) {

    #slide1 {
        min-height: 0;
    }
}