/*Gallery CSS*/
.prev, .next{
    background-color: rgb(75, 119, 148);
    display: block;
    color:white;
    opacity: .75;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right:.5%;
    padding-left:.5%;
    position: absolute;
    top: 78%;
    border: 0px solid rgb(75, 119, 148);
    border-radius:5px;
}
.prev:hover, .next:hover{
    background-color: rgb(25, 53, 70);
    cursor: pointer;
    border-color: rgb(25, 53, 70);
}
.prev{
    left:.5%;
}
.next{
    right:.5%;
}
.gallery{
    position: relative;
    width: 65%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border: 0px transparent;
    border-radius: 30px;
}
.image{
    width: 100%;
    height: auto;
    border: 0px transparent;
    border-radius: 30px;
    margin-top:10px;
}
.slide{
    display: none;
}
.caption{
    position:absolute;
    bottom: .5%;
    left: 3%;
    background-color: rgb(175, 55, 55) ;
    opacity: .95;
    width:94%;
    height:25%;
    color:black;
    text-align: center;
    border: 0px solid rgb(175, 55, 55); 
    border-radius: 8px;
}
.name{
    font-weight: bold;
    font-size: 20pt;
    font-family: arial;
}
.description{
    font-family: arial;
    font-size: 16pt;
}
.animation{
    animation-name: fade;
    animation-duration: 2.5s;
}
@keyframes fade{
    from{ opacity: .4}
    to {opacity: 1}
}
.stick{
    position: fixed;
    z-index: 1;
    top: 0;
    width: 100%;
}
.stick + .gallery{
    margin-top: 55px;
}

#disclaimer{
    margin-right:50%;
    position: relative;
    font-style: italic;
}

@media only screen and (max-width: 850px){
    .image{
        max-width: 100%;
        max-height:100vh;
        height:auto;
    }
    .gallery{
        width: 100%;
        max-height: 100vh;
        height:auto;
    }
    .caption{
        height:35%;
    }
    .prev, .next{
        padding-top: 4%;
        padding-bottom: 4%;
        padding-right:.5%;
        padding-left:.5%;
        position: absolute;
        top: 65%;
    }
    .name{
        font-size: 18pt;
    }
    .description{
        font-size: 14pt;
    }
}
@media only screen and (max-width: 400px){
    .name{
        font-size: 14pt;
    }
    .description{
        font-size: 10pt;
    }
    .caption{
        height:40%;
    }
}