html, body{
    box-sizing:border-box;
    height:100%;
    margin:0rem 0rem 0rem 0rem;
    padding:.208rem;
    background-color: white;
}

.container{
    /*justify-content:center;*/
    /*height:100%;*/
    display:grid;
    grid-gap:0.625rem;
    grid-template-columns: repeat(auto-fit, minmax(0,1fr));
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: 
    "h h h h h h h h h h h"
    "c . . . . o . . . . n"
    ". . . d d d d d . . ."
    ". e e e f f f g g g ."
    ". e e e f f f g g g ."
    ". . . . r r r . . . ."
    "i i i i i i i i i i i"
    "i i i i i i i i i i i"
    "i i i i i i i i i i i"
    "i i i i i i i i i i i"
    ". . . . . . . . . . ."
    "k k k k . . . . z z z"
    "m m m m . . . . z z z"
    "p p p p . . . . z z z"
    "a a a a a a a a a a a"
}
img{
    max-width: 100%;
    height:auto;
}
.contenth{
    background-image: url("../images/header.png");
    grid-area: h;
    font-size:1.5 rem;
    text-align: center;
    /*display: flex;
    justify-content: center;*/
    align-items: center;
}

nav ul{
    display:flex;
    list-style-type: none;
    justify-content: space-between;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:black;
    border: 0.438rem double rgb(202, 239, 228);
    background-color: honeydew;
    font-weight: bold;
}

nav ul li{
    margin-right: .75rem;
}

nav ul li a{
    text-decoration: none;
}

.dropdown .dropbutton{
    border:0.438rem double rgb(202, 239, 228);
    background-color:honeydew;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:black;
    font-weight: bold;
    font-size: 0.75rem;
    /*text-align: center;*/
    width: 4.5rem;
}

a:hover .dropdown:hover .dropbutton{
    background-color: blue;
}

.dropdowncontent{
    display: none;
    position: absolute;
    width: 4rem;
    font-size: 1rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    /*font-size: 1.125rem;*/
    text-align: left;
}

.dropdowncontent a{
    color:black;
    /*align-items: left;
    justify-content:left;*/
    text-decoration: none;
    display: block;
    padding-left: .5rem;
    /*padding-bottom: 2rem;*/
}

.dropdowncontent a:hover{
    background-color: azure;
}

.dropdown:hover .dropdowncontent{
    display: block;
}

.contentc{
    grid-area: c;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.contento{
    grid-area:o;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.contentn{
    grid-area:n;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.contentd{
    grid-area:d;
    text-align: center;
}

.contente{
    grid-area:e;
    position:relative;
}

.contente:hover .momdad{
    opacity:.3;
}

.contente:hover .box{
    opacity:1;
}

.box{
    position:absolute;
    top:0%;
    bottom:0%;
    /*height:100%;
    width:100%;*/
    opacity:0;
    transition:3s ease;
}

.textmomdad{
    color:black;
    background-color: white;
    font-size:1.375rem;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding:4.5rem 6.5rem;
    text-align: center;
}

.contentf{
    grid-area:f;
    position:relative;
}
.contentf:hover .poppydaisy{
    opacity:.3;
}

.contentf:hover .box2{
    opacity:1;
}

.box2{
    position:absolute;
    top:0%;
    bottom:0%;
    /*height:auto;
    width:auto;*/
    opacity:0;
    transition:3s ease;
}

.textpoppydaisy{
    color:black;
    background-color: white;
    font-size:1.375rem;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding:64px 101.8px 79.5px 97px;
    text-align: center;
}

.contentg{
    grid-area:g;
    position: relative;
}

.contentg:hover .sibs{
    opacity:.3;
}

.box1{
    position:absolute;
    top:0%;
    right:0%;
    bottom:0%;
    left:0%;
    /*height:auto;
    width:auto;*/
    opacity:0;
    transition:3s ease;
} 

.contentg:hover .box1{
    opacity:1;
}

.textalanaconnor{
    color:black;
    background-color: white;
    font-size:1rem;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding:64px 101.8px 79.5px 97px;
    text-align: center;
}

.contentr{
    grid-area:r;
}

.contenti{
    grid-area:i;
    /*display: grid;
    place-items: center;*/
    background-image:url("../images/IMG_1814.JPG");
    background-attachment:fixed;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    min-height:30rem;
}

.contentk{
    grid-area:k;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
}

.contentm{
    grid-area:m;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
}

.contentp{
    grid-area:p;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
}

.contentz{
    grid-area:z;
}


.contenta{
    grid-area:a;
    background-image: url("../images/header.png");
    text-align:center;
    display: flex;
    justify-content: left;
    align-items:center;
    background-repeat: no-repeat;
    background-position: right, left;
}

.contenta ul{
    margin-left: 0rem;
    list-style-type: none;
    /*justify-content: space-between;*/
}

.contenta ul a{
    text-decoration: none;
    /*margin-right: 1.5rem;*/
}
.contenta > ul > a:hover{
    color:blueviolet;
}

.contenta ul a li{
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    border: 0.438rem round rgb(202, 239, 228);
    background-color: honeydew;
}

.symbol ul{
    padding-left: .3rem;
}

.fa{
    padding:.3rem;
    text-align: center;
    text-decoration: none;
    margin:.04rem 1rem;
}

.fa:hover{
    opacity: .07;
    color:blueviolet;
}

.fa-facebook{
    background:blue;
    color:white;
}

.fa-twitter{
    background: lightskyblue;
    color:white;
}

.fa-instagram{
    background:purple;
    color:white;
}

.fa-snapchat{
    background:yellow;
    color:white;
}

form{
    border: .04rem solid rgb(91, 110, 151)
}

.email{
    padding:1 rem;
    background-color: rgb(147, 201, 183);
}

input[type-text], input[type-submit]{
    width:100%;
    padding:.02rem;
    margin:.02rem;
    display:align-block;
    border: .04rem solid red;
    box-sizing:border-box;
}

input[type-submit]{
    background-color: blueviolet;
    color:bisque;
    border:.04rem solid yellow;
}

input[type-submit]:hover{
    opacity: 0.05;
}



.container2{
    justify-content:center;
    height:100%;
    display:grid;
    grid-gap:0.625rem;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: 6.25rem 6.25rem 6.25rem 6.25rem 6.25rem 6.25rem 6.25rem 6.25rem 6.25rem 6.25rem;
    grid-template-areas:
    "h h h h h h h h h h h"
    ". . . l l l l l . . ."
    "q q . . s s s . . t t"
    ". . . u u u u u . . ."
    ". . . u u u u u . . ."
    ". . . u u u u u . . ."
    "v v v . w w w . x x x"
    "v v v . w w w . x x x"
    "v v v . w w w . x x x"
    "a a a a a a a a a a a"
}

@media only screen and (max-device-width:780px) {
    .contenth{
        font-size: .5rem;
    }

    nav ul{
        margin-right: .2rem;
        justify-content: center;
    }

    nav ul li{
        margin-right: .2rem;
    }

    .textpoppydaisy{
        font-size:.7rem;
        padding: 0rem 0rem;
    }

    .textmomdad{
        font-size:.7rem;
        padding: 0rem 0rem;
    }

    .textalanaconnor{
        font-size:.7rem;
        padding: 0rem 0rem;
    }
}

.contentl{
    background-color: rgb(151, 164, 145);
    grid-area: l;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-shadow:-3px 0 black, 0 3px black, 0 3px black, 0 -3px black;
    text-align: center;
    margin-right: 0rem;
}

.contentq{
    background-color:rgb(151, 164, 145);
    grid-area:q;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.contents{
    background-color: rgb(151, 164, 145);
    grid-area:s;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.contentt{
    background-color: rgb(151, 164, 145);
    grid-area:t;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.contentu{
    background-color: rgb(151, 164, 145);
    grid-area:u;
}

td{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight:lighter;
    font-size: 25px;
    text-align: center;
}

th{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight:bolder;
    font-size: 30px;
    text-align: center;
}

.contentv{
    background-color: rgb(151, 164, 145);
    grid-area:v;
}

.contentw{
    background-color: rgb(151, 164, 145);
    grid-area:w;
    padding-top:80px;
}

.contentx{
    background-color: rgb(151, 164, 145);
    grid-area:x;
}

.academiccontentl{
    background-color: rgb(151, 164, 145);
    grid-area: l;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-shadow:-3px 0 black, 0 3px black, 0 3px black, 0 -3px black;
    text-align: center;
    margin-right: 0rem;
}

.academiccontentq{
    background-color:rgb(151, 164, 145);
    grid-area:q;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
}

.academiccontents{
    background-color: rgb(151, 164, 145);
    grid-area:s;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.academiccontentt{
    background-color: rgb(151, 164, 145);
    grid-area:t;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
}

.academiccontentu{
    background-color: rgb(151, 164, 145);
    grid-area:u;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight:lighter;
    font-size: 25px;
}

.academiccontentv{
    background-color: rgb(151, 164, 145);
    grid-area:v;
}

.academiccontentw{
    background-color: rgb(151, 164, 145);
    grid-area:w;
    padding-top:80px;
}

.academiccontentx{
    background-color: rgb(151, 164, 145);
    grid-area:x;
}


.interestscontentl{
    background-color: rgb(151, 164, 145);
    grid-area: l;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 40px;
    text-shadow:-3px 0 black, 0 3px black, 0 3px black, 0 -3px black;
    text-align: center;
    margin-right: 0rem;
}


.interestscontentu{
    background-color: rgb(151, 164, 145);
    grid-area:u;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-size: 12px;
}

.interestscontentv{
    background-color: rgb(151, 164, 145);
    grid-area:v;
}

.interestscontentw{
    background-color: rgb(151, 164, 145);
    grid-area:w;
}

.interestscontentx{
    background-color: rgb(151, 164, 145);
    grid-area:x;
}

/*adventure page*/

.advcontentl{
    background-color: rgb(151, 164, 145);
    grid-area: l;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-shadow:-3px 0 black, 0 3px black, 0 3px black, 0 -3px black;
    margin-right: 0rem;
}

.advcontentq{
    background-color: rgb(151, 164, 145);
    grid-area:q;
    color:white;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.advcontents{
    background-color: rgb(151, 164, 145);
    grid-area:s;
    color:white;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.advcontentt{
    background-color: rgb(151, 164, 145);
    grid-area:t;
    color:white;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}
.advcontentv{
    background-color: rgb(151, 164, 145);
    grid-area:v;
}

.advcontentw{
    background-color: rgb(151, 164, 145);
    grid-area:w;
}

.advcontentx{
    background-color: rgb(151, 164, 145);
    grid-area:x;
}

.advcontentu{
    background-color:rgb(151, 164, 145);
    grid-area:u;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
}

span{
    color:darksalmon;
}

a:link{
    color:beige;
}

a:visited{
    color:aquamarine;
}

a:hover{
    color:darkcyan;
}

a:active{
    color:blue;
}