html, body{
    background-color: hsl(301, 94%, 86%);
    }
body{
margin:auto;
width: 90vw;
}

.header {
    margin-top: 2em;
    background-image: url(../media/bannersmaller.png);
    background-repeat: no-repeat;
    height: 167px;
    border-radius: 10px;
    border-style: solid;
    border: 2px;
    border-color: hsl(301, 94%, 86%);
    background-position: center;
}
.navcontainer{
    margin:auto;
    width: 70%; 
    font-size: 1em;
    padding-top:  1em;


}

.lidiv{
    background-color: hsl(315, 62%, 48%);
    text-align: center;
    border: 2px;
    border-color: hsl(271, 68%, 32%) ;
    border-radius: 10px;
    border-style: solid;
    margin: auto;
    margin-top: 1vh;
    margin-bottom: 1vh;
    height: 4em;
    padding-top: 1em;
    width: 70%;

}

a{
    color: hsl(301, 94%, 86%);
    font-size: 1.5em;
    font-weight: 1000;
}
a:visited{
    color: hsl(301, 94%, 86%);
    font-size: 1.5em;
    font-weight: 1000;
    background-color:hsl(301, 94%, 86%);

}

.copycontainer{  
    bottom: 0;
    text-align: center;
    padding-bottom: 15px;
    font-size: 1.5em;
    color:hsl(315, 62%, 48%);
    margin:auto;
    width: 85%;
}


@media only screen and (min-width: 915px){
    
    .header {
         background-image: url(/media/bannersmaller.png);
        height: 731px;
    }
    .lidiv{
        height: 5em;
        padding: 2em;
        width: 50%;    
    }
    

    a:visited{
        color: hsl(301, 94%, 86%);
        font-size: 1.5em;
        font-weight: 1000;
        background-color:hsl(301, 94%, 86%);
    
    }
    .copycontainer{  
        display: inline;    
        
    }
}
@media only screen and (min-width: 1024px) {

    .header {
     background-image: url(/media/banner.png);
     height: 568px;
    margin-top: 1em;
    height: 425px;
 }
 .navcontainer{
     width: 95%;
     font-size: 1em;
     height: 6em;
     text-align: center;

 }
 
 .lidiv{    
     display: inline;
     padding: .5em;
     margin-top: 1vh;
     margin-bottom: 1vh;
     height: 4em;
     padding-top: 1em;
     width: 25%;
     font-size: 1em;
 }
 .copycontainer{  
    padding-bottom: 15px;
    font-size: 1.5em;
    color:hsl(315, 62%, 48%);
    margin:0 auto;
    width: 85%;
}

}

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

       .header {
        background-image: url(/media/banner.png);
        height: 568px;
    }
    .navcontainer{
        width: 90%;
        font-size: 2em;
        height: 6em;
        text-align: center;
        padding-bottom: 1em;
    }
    
    .lidiv{
       
        display: inline;
        padding: 1em;

    }

}