/* 928-607-8792 */


#wrapper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;

}

img {
    width: 100%;
}


header {
    background-image: url(../img/Layer%204.png);
    background-repeat: no-repeat;
    padding-bottom: 60vw;
    background-size: 100%;


}


header nav {
    font-family: 'Sovba_Regular';
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    padding: 4vw 0 0 0;
}



header a:link {
    color: antiquewhite;
    text-decoration: none;
    font-size: 4vw;
}

header a:visited {
    color: antiquewhite;
}

header a:hover {
    cursor: grab;
    color: black;
}

#intro {
    padding: 15vw 5vw 30vw 5vw;
    font-family: 'myriad_pro';
    color: darkolivegreen;
    text-align: center;
    font-size: 4vw;

}


#cover1 {
    background-color: #c48133;
    border-radius: 3vw;
    margin: 0vw 30vw 0vw 5vw;
    padding: 0vw 4vw 6vw 4vw;
    position: relative;
    top: -11vw;
}

#title1 {
    font-family: 'Sovba_Regular';
    color: #4a3c2b;
    font-size: 6.5vw;
    text-align: left;
    padding: 5vw 0vw 5vw 0vw;
}

#quote1 {
    font-family: 'Sovba_Regular';
    color: #ebc37e;
    font-size: 4vw;

}


/* ************************************ NEW STYLES ************ */
.about_p1 {
    grid-area: ap1;
}

.about_p2 {
    grid-area: ap2;
}

.about_p3 {
    grid-area: ap3;
}

.about_i1 {
    grid-area: ai1;
}

.about_i2 {
    grid-area: ai2;
}


#about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
        "ap1 ap1"
        "ap2 ap2"
        "ai1 ai2"
        "ap3 ap3";
}

#about img {
    width: 100%;
    margin: 4em 0;
}

#about p {
    margin: 0vw 5vw 0vw 5vw;
    font-size: 4vw;
}

.about_i1 {
    margin: 0vw 3vw 0vw 6vw;
}

.about_i2 {
    margin: 0vw 6vw 0vw 3vw;
}

.about_p1 {
    padding: 5vw 0vw 5vw 0vw;
}

.about_p2 {
    padding: 5vw 0vw 0vw 0vw;
}


/* ************************************ NEW STYLES ************ */
#quote2 {
    background-color: #ead78c;
    border-radius: 3vw;
    margin: 20vw 3vw 30vw 3vw;
    padding: 3vw;
    font-family: 'Sovba_Regular';
    font-size: 4.5vw;
    color: #4a3c2b;
}

#end_card {
    text-align: right;
}

#title2 {
    background-color: #5a5527;
    font-family: 'Sovba_Regular';
    border-radius: 3vw;
    max-width: 100vw;
    margin: 0vw 5vw 0vw 25vw;
    padding: 5vw;
    position: relative;
    top: -15vw;

}

#nov {
    font-size: 6.5vw;
    color: #bb4d27;
}

#quote3 {
    font-size: 4vw;
    color: #e5d7bc;
    padding-top: 2vw;
    margin-left: 5vw;
}

#sign2 {
    text-align: right;
    margin-top: 5vw;
    color: #e5d7bc;
}

#art p {
    font-size: 4vw;
}

#part1 {
    margin: 0vw 5vw 0vw 5vw;
    
}

#part2 {
    margin: 10vw 5vw 0vw 5vw;
}

#part3 {
    margin: 10vw 5vw 0vw 5vw;
}

#artists {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5vw;
    padding: 15vw 5vw 25vw 5vw;
    text-align: center;
}
#klim p {
    margin-top: 4vw;
    font-size: 4vw;
}

#tif p {
    margin-top: 5vw;
    font-size: 4vw;
}



#slideshow {
    background-color: #e4d6ba;
    color: #7f590f;
    border-radius: 3vw;
    font-size: 6vw;
    font-family: 'Sovba_Regular';
    text-align: center;
    margin: 0vw 100vw 0vw 5vw;
    padding: 20vw 5vw 20vw 5vw;
    position: absolute;
    top: -3vw;
    bottom: -3vw;
}

#theart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 25vw 5vw 25vw 5vw;
    grid-gap: 20px;
}



#galleryheader {
    position: relative;

}



footer {
    background-image: url(../img/footer.png);
    padding: 8vw;
    font-family: 'Sovba_Regular';
    font-size: 6vw;
    text-align: center;
    border: 5px solid #503c1b;
    border-radius: 3vw;



}

footer a:link {
    color: #5e5c2c;
    text-decoration: none;
    background-color: #e5dcbd;
    padding: 1vw 3vw 1vw 3vw;
    border-radius: 10px;
    border: 5px solid #503c1b;

}

footer a:visited {
    color: #5e5c2c;
    border: 5px solid #503c1b;

}

footer a:hover {
    color: black;
    cursor: grab;

}

@media screen and (min-width: 900px) {

    #intro {
        font-size: 3.5vw;
        padding-bottom: 10em;
    }


    #mucha {
        position: relative;
    }


    #cover1 {
        position: absolute;
        top: 10vw;
        margin: 0 50vw 0 2vw;
        padding: 20px 20px 30px 20px;


    }

    #title1 {
        font-size: 5vw;
        text-align: right;
        padding: 0 0 20px 0;


    }

    #him {
        padding: 0 0 0 25%;
        width: 70%;
    }

    #quote1 {
        font-size: 2vw;
    }

    #about {
        font-size: 20px;
        margin: 5vw 0 12vw 0;
    }
    
    #about p {
        font-size: 2.5vw;
    }

    .about_i1 {
        width: 75%;
        margin: 0 2vw 0 10vw;
    }

    .about_i2 {
        width: 75%;
        margin: 0 10vw 0 2vw;
    }

    #quote2 {
        font-size: 3.4vw;
        padding: 25px 20px 0px 20px;
        margin: 20px 20px 150px 20px;

    }

    #end_card {
        padding-bottom: 20px;
    }


    #title2 {
        margin: 0vw 3vw 0vw 30vw;
        position: relative;
        top: -90px;
        padding: 30px;
    }

    #nov {
        font-size: 6.6vw;
        padding 0;


    }
    #art p {
        font-size: 2.5vw;
    }

    #quote3 {
       font-size: 5vw;
        margin: 0 0 0 13vw
    }

    #sign2 {
        font-size: 2vw;
        margin: 3vw 0 0 0;
    }

    



    #artists {
        margin: 0 10vw 0 10vw;
        padding: 10vw 0 20vw 0;

    }

    #artists p {
        font-size: 20px;
        margin-top: 4vw;
    }



    #slideshow {
        top: -30px;
        bottom: -30px;
        font-size: 65px;
        padding: 190px 30px 40px 30px;
        margin: 0px 0px 0px 30px;
        max-width: 250px;
    }

    #theart {
        margin: 20vw 10vw 15vw 10vw;
        grid-gap: 50px;



    }

    footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #home {
        font-size: 40px;

    }

}

@media screen and (min-width: 1400px) {

    #intro {
        font-size: 2.5vw;
    }

    #him {
        padding: 0 0 0 23%;
        width: 75%;
    }

    #cover1 {
        top: 13vw;
        margin: 0 57% 0 2%;
        padding: 35px 20px 35px 35px;
        border-radius: 1vw;
    }

    #title1 {
        font-size: 4.3vw;
    }

    #quote1 {
        font-size: 1.7vw;
        margin-top: 2.5vw;
    }


    #about {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "ai1 ap1 ap1"
            "ai2 ap2 ap2"
            "ap3 ap3 ap3";
        margin: 10vw 0 12vw 0;
    }


    #about p {
        font-size: 27px;
        padding: 0;
        margin-top: 3vw;
    }

    #about img {
        margin: 0vw 2vw 2vw 8vw;
        width: 95%;


    }

    .about_i1 {
        margin: 0;
    }

    .about_i2 {
        margin: 0;
        padding-top: 2vw;

    }

    #quote2 {
        font-size: 2.4vw;

    }

    #title2 {
        margin: 0vw 2vw 0vw 42vw;
        top: -200px;
        padding: 40px;
        border-radius: 2vw;

    }

    #nov {
        font-size: 5.5vw;
        padding: 0;

    }

    #title2 p {
        font-size: 1.8vw;
    }

    #artists p {
        font-size: 27px;
        margin-top: 3vw;
    }

    #nov_divide {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 14vw;

    }

    #nov_divide p {
        font-size: 27px;
        padding: 0;
        margin-top: 8vw;

    }


    #artists {
        display: block;
        margin: 0;
        padding: 0;

    }


    #nov_divide img {
        width: 58%;
    }

    #tif {
        margin-top: 5vw;
    }

    #tif p {
        margin-top: 2vw;
    }

    #klim p {
        margin-top: 2vw;
    }

    #slideshow {
        margin-left: 2.9vw;
        font-size: 100px;
        padding: 16vw 7vw 0vw 7vw;
        border-radius: 2vw;

    }

    #theart {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 90px;
        margin: 190px 100px 160px 100px;
    }

    footer {
        border-radius: 2vw;
    }




}

@media screen and (min-width: 1600px) {
    header nav {
        padding: 64px 0 0 0;
    }

    header a:link {
        font-size: 64px;
    }

    header {
        padding-bottom: 40vw;
    }

    #intro {
        padding: 7vw 5vw 8vw 5vw;
        font-size: 1.8vw;
    }

    #cover1 {
        top: 6vw;
        margin: 0 50% 0 4%;
        padding: 35px 20px 35px 35px;
        border-radius: 1vw;
    }

    #title1 {
        font-size: 80px;
    }

    #quote1 {
        margin: 20px;
        font-size: 35px;
        padding-bottom: 10px;
    }

    #about {
        margin: 120px 0 120px 0;
    }

    #about img {
        margin-left: 130px;
    }

    #about p {
        margin: 100px 100px 0 100px;
        font-size: 33px;

    }

    #quote2 {
        font-size: 50px;
        border-radius: 1vw;
        padding: 40px 40px 20px 40px;
        margin-bottom: 12vw;
    }

    #title2 {
        margin: 0vw 2vw 0vw 25vw;
        top: -208px;
        padding: 40px;
        border-radius: 1vw;
    }
    
    #nov {
        font-size: 80px;
    }
    
    #title2 p {
        font-size: 36px;
        margin-left: 160px
    }
    
    
      #nov_divide {
        margin-bottom: 14vw;

    }

    #nov_divide p {
        font-size: 33px;
        margin-top: 90px;
        margin-left: 100px;
        margin-right: 0px;

    }


    #nov_divide img {
        width: 54%;
        margin-left: 70px
    }

   

    #tif p {
        margin-top: 2vw;
       
    }

    #klim p {
        margin-top: 2vw;
    }
    
   #slideshow {
        margin-left: 60px;
        padding: 11vw 5vw 0vw 4vw;
        border-radius: 1vw;

    }
    
    #theart {
        grid-gap: 120px
    }
    footer a:link {
        padding: 10px 30px 10px 30px;
    }
    
  

}