html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0; }

html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

*, *:before, *:after {box-sizing: inherit}

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden;}


html{
    font-family: 'Spectral', serif;
}

*{
    margin: 0;
    padding: 0;
}

ol{
    list-style-position: inside;
    margin: 1rem 2rem;
}

li{
    margin: 1rem 0;
}

.flex{
    display: flex;
}

.flex-col{
    display: flex;
    flex-direction: column;
}

.jcc{
    justify-content: center;
}

.aic{
    align-items: center;
}

.pos-rel{
    position: relative;
}

.home-header{
    background: linear-gradient(rgba(0, 0, 0, 0.356), transparent), url(./assets/home.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 750px;
}

.pub-header{
    background: linear-gradient(rgba(0, 0, 0, 0.356), transparent), url(./assets/publications.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 750px;
}

.res-header{
    background: linear-gradient(rgba(0, 0, 0, 0.356), transparent), url(./assets/research.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 750px;
}

.tea-header{
    background: linear-gradient(rgba(0, 0, 0, 0.356), transparent), url(./assets/teachings.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 750px;
}

.con-header{
    background: linear-gradient(rgba(0, 0, 0, 0.356), transparent), url(./assets/contact.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 750px;
}


.container{
    padding: 2rem 2rem;
    margin: 0 auto;
    max-width: 1440px
}

.h-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-link{
    display: inline-block;
    font-size: 4rem;
    color: white;
    text-decoration: none;
    flex-shrink: 1;
    width: 50%;
}

.top-n{
    width: 40rem;
    flex-shrink: 2;
}
.menu-icon{
    float: right;
    cursor: pointer;
}
.menu-btn{
    display: none;
}

.top-n ul{
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.top-n li a{
    font-size: 1.5rem;
    text-decoration: none;
    color: white;
    padding: 0 1rem;
}
a:hover,
.top-n a:hover{
    color: #EFCF7E;
    transition: all .2s ease-in-out;
}
.profile-s{
    height: 40rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 4rem;
}
.p-container{
    position: relative;
    width: 40rem;
    margin-right: 20rem;
}
.p-container img{
    max-width: 100%;
    height: auto;
}
.profile-exerpt{
    background-color: #d6a822;
    position: absolute;
    bottom: 4rem;
    right: -30rem;
    padding: 2rem 4rem;
    width: 36rem;
}

.profile-mobile{
    display: none;
}

.new-book{
    background-color: #EFCF7E;
    height: 43rem;
}

.new-book-c{
    width: 50%;
    margin: 0 auto;
    display: flex;
}

.diner-pic{
    margin: 0 auto;
    position: absolute;
    top: -60px;
    left: -250px;
}

.diner-pic{
    margin-top: 3rem;
}

.diner-pic img{
    border-radius: 50%;
}

.book-side{
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

.book-side *{
    margin-top: 3rem;

}

.image-book{
    box-shadow: 5px 10px 18px grey;
}

.pub-b{
    padding: 1rem 5rem;
    border-radius: 4px;
    border: none;
    background-color: #F35C55;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}

.pub-b:hover{
    background-color: #fd3f35;
}

.naacas{
    background-color: #94A6BE;
    display: flex;
    justify-content: center;
    align-items: center;
}

.naacas-article{
    /* width: 70vw; */
    background-color: white;
    margin: 2rem auto;
    padding: 2rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.naacas-article *{
    margin: 1rem 0;
}

.naacas-image{
    margin: 1rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.naacas-image p{
    font-style: italic;
}

footer{
    padding: .2rem 0;
    text-align: center;
    background-color: #EAAD4F;
}

.monographs{
    margin: 2rem;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
}
.books-h3{
    margin: 2rem;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
}
.featured-box{
    display: flex;
}

.featured-box h3{
    margin: 2rem;
    font-size: 2.6rem;
}
.featured-books{
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70rem;
}

.featured-monographs{
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 40rem;
}

.featured-books img,
.featured-monographs img{
    box-shadow: 2px 2px 5px black;
}

.publications-list{
    margin: 2rem 2rem;
}

.publications-list h3, h4{
    margin: 10px 0;
}

.publications-list h4{
    font-size: 1.5rem;
}

.publications-list li{
    word-wrap: break-word;
    font-size: 1.2rem;
}
/* 
-----------------------------Research Styles-------------------------
*/
.first-sect{
    background-color: #e4dbca;
}

.intersections-image{
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.intersections{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* width: 60%; */
}

.intersections, h2 p{
    margin-left: 5rem;
}

.left-alpaca{
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-alpaca{
    display: flex;
    justify-content: center;
    align-items: center;
}

.second-sect{
    background-color: #ded5c4;
    height: 30rem;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}

.research-p{
    font-size: 1.2rem;
    margin-top: 1rem;
}

.conversations{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2rem;
}

.third-sect{
    background-color: #f4ece1;
    height: 31rem;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}

.tortoise{
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.fourth-sect{
    background-color: #c3ac9c;
}

.dande-img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.zoonosis {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1rem;
}

.lizard-img{
    margin-bottom: 2rem;
    width: 50%;
}

.sixth-sect{
    background-color: #f8f5ee;
    /* height: 31rem; */
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}

.surrender{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    /* width: 68vw; */
}

.surrender, h2 p{
    margin-right: 2rem;
}

.contact-card{
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contact-card *{
    margin: 1rem 0;
}

.contact-img-circle{
    width: 400px;
    height: 400px;
    overflow: hidden;
    border-radius: 50%;
}

.contact-img-circle img{
    width: 400px;
    height: 500px;
}
.contact-card br{
    margin: 0;
}
.contact-card h2{
    font-size: 1.9rem;
}
.contact-card h3{
    font-size: 1.5rem;
}


/* Ball Styles ---------------------------------- */
.ball-c{
    position: relative;
    width: 20%;
}

.ball-c2{
    width: 300px;
    height: 300px;
}

.ball{
    width: 10rem;
    height: 10rem;
    position: absolute;
    border-radius: 50%;
}

.b1{
    top: 0;
    left: 0;
}

.b2{
    top: 4rem;
    right: 0;
}

.b3{
    top: 10rem;
    left: 0;
}

.b4{
    top: 14rem;
    right: 0;
}

.b5{
    bottom: 20rem;
    left: 0;
}

.b6{
    bottom: 14rem;
    right: 0;
}

.b7{
    bottom: 10rem;
    left: 0;
}

.b8{
    bottom: 6rem;
    right: 0;
}

.b9{
    bottom: 0;
    left: 0;
}

.b10{
    top: 0;
    left: 4rem;

}

.b11{
    bottom: 3rem;
    right: 1rem;
}

.b12{
    bottom: 0rem;
    left: 4rem;
}

.b13{
    bottom: 3rem;
    left: 1rem;
}

.aeroblue{
    background-color: #cafbf1;
}

.spanishveridian{
    background-color: #008c65;
}

.platinum{
    background-color: #E4E4E4;
}

.sae{
    background-color: #fd7e09;
}

.yellow{
    background-color: #FAF2A1;

}

.green{
    background-color: #a9d389;
}

.coral{
    background-color: #F35C55;
}


.skyblue{
    background-color: #94d4ed;
}
.ictarine{
    background-color: #FFF67D;
}

.byzantium{
    background-color: #84276b;
}

.bluejeans{
    background-color: #3facf1;
}

.celeste{
    background-color: #bffcfd;
}

.red{
    background-color: #ff0000;
}

.cherryblossumpink{
    background-color: #f9b4c6;
}

.blaze{
    background-color: #ff5e00;
}

.davysgrey{
    background-color: #4c4c4c;
}


.orange{
    background-color: #EAAD4F;
}

.yellow{
    background-color: #FAF2A1;
}

.coral{
    background-color: #F35C55;
}


/* -------------------------------------------------------
        Media queries
   -------------------------------------------------------  */

    .responsive {
        width: 100%;
        /* max-width: 400px; */
        height: auto;
    }

@media only screen and (min-width: 845px) and (max-width: 1216px){
    .profile-s{
        height: 44rem;
        margin-left: 0;
        justify-content: center;
    }

    .p-container{
        margin: 0;
    }

    .profile-exerpt{
        bottom: -6rem;
        right: 2rem;
    }

}

@media only screen and (min-width: 973px) and (max-width: 1063px){
    .main-link{
        font-size: 3rem;
    }

    .top-n li a{
        font-size: 1.5rem;
    }

    .ball1{
        top: 0;
    }

    .ball2{
        left: 3rem;
        top: 6rem;
    }

    .ball3{
        left: 0;
        top: 10rem;
    }

    .ball4{
        left: 3rem;
        top: 16rem;
    }

}

@media only screen and (min-width: 844px) and (max-width: 973px){
    .main-link{
        font-size: 2.5rem;
    }

    .top-n li a{
        font-size: 1.3rem;
    }

    .ball1{
        top: 0;
    }

    .ball2{
        left: 3rem;
        top: 6rem;
    }

    .ball3{
        left: 0;
        top: 10rem;
    }

    .ball4{
        left: 3rem;
        top: 16rem;
    }

    .profile-s {
        height: 44rem;
        margin-left: 0;
        justify-content: center;
    }


}

@media only screen and (min-width: 697px) and (max-width: 844px){
    header{
        background: linear-gradient(#728092, transparent);
        overflow: hidden;
    }

    .img-none
    {
        display: none;
    }

    .h-flex{
        align-items: flex-start;
        justify-content: space-between;
    }

    .main-link{
        font-size: 2rem;
        width: 20rem;
    }
    
    .top-n{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .top-n ul{
        float: right;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        width: 10rem;
        height: 15rem;
    }

    .top-n li a{
        font-size: 1rem;
    }

    .menu{
        transform-origin: 0% 0%;
        transform: translate(100%, 0);        
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    .menu-icon{
        padding: 17px 20px;
        position: relative;
    }

    .nav-icon{
        /* margin-top: 1.5rem; */
        background: white;
        display: block;
        height: 2px;
        width: 18px;
        position: relative;
        transition: background .2s ease-out;
    }

    .nav-icon:before{
        background: white;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: all .2 ease-out;
        top: 5px;
    }

    .nav-icon:after{
        background: white;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: background .2s ease-out;
        top: -5px;
    }

    header .menu-btn:checked ~ .menu{
        transform: none;
    }

    header .menu-btn:checked ~ .menu-icon .nav-icon{
        background: transparent;
    }

    header .menu-btn:checked ~ .menu-icon .nav-icon:before{
        transform: rotate(-45deg);
        top: 0;
    }
    header .menu-btn:checked ~ .menu-icon .nav-icon:after{
        transform: rotate(45deg);
        top: 0;
    }

    .profile-s{
        height: 44rem;
        margin-left: 0;
        justify-content: center;
    }

    .p-container{
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .profile-exerpt{
        display: none;
    }
    .profile-mobile{
        display: inline-block;
        background-color: #d6a822;
        padding: 2rem 4rem;
        width: 36rem;
    }
    .new-book{
        height: 30rem;
    }
    .new-book-c{
        width: 90vw;
    }
    .book-side img{
        width: 8.5rem;
    }

    .diner-pic{
        left: -30px;
        top: -45px;
    }
    .diner-pic img{
        width: 6rem;
    }

    .pub-b{
        margin-top: 1.5rem;
        padding: 1rem 2rem;
    }

    .naacas-article{
        width: 90vw;
        background-color: white;
        padding: 2rem 1rem;
    }

    .orange-ball2,
    .orange-ball3,
    .orange-ball5,
    .green-ball2,
    .green-ball3,
    .green-ball4,
    .coral-ball2,
    .coral-ball4,
    .coral-ball5,
    .yellow-ball3,
    .yellow-ball4,
    .yellow-ball5{
        display: none;
    }

    .intersections p,
    .cria p,
    .abnormal p,
    .surrender p{
        margin: 0;
    }

}
@media only screen and (min-width: 428px) and (max-width: 697px){
    header{
        background: linear-gradient(#728092, transparent);
        height: 24rem;
        overflow: hidden;
    }

    .h-flex{
        justify-content: space-between;
        align-items: flex-start;
    }

    .main-link{
        width: 20rem;
        font-size: 2rem;
    }

    .top-n{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .top-n ul{
        float: right;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        width: 10rem;
        height: 15rem;
    }

    .top-n li a{
        font-size: 1rem;
    }

    .menu{
        transform-origin: 0% 0%;
        transform: translate(100%, 0);        
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    .menu-icon{
        padding: 17px 20px;
        position: relative;
    }

    .nav-icon{
        /* margin-top: 1.5rem; */
        background: white;
        display: block;
        height: 2px;
        width: 18px;
        position: relative;
        transition: background .2s ease-out;
    }

    .nav-icon:before{
        background: white;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: all .2 ease-out;
        top: 5px;
    }

    .nav-icon:after{
        background: white;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: background .2s ease-out;
        top: -5px;
    }

    header .menu-btn:checked ~ .menu{
        transform: none;
    }

    header .menu-btn:checked ~ .menu-icon .nav-icon{
        background: transparent;
    }

    header .menu-btn:checked ~ .menu-icon .nav-icon:before{
        transform: rotate(-45deg);
        top: 0;
    }
    header .menu-btn:checked ~ .menu-icon .nav-icon:after{
        transform: rotate(45deg);
        top: 0;
    }

    .img-none
    {
        display: none;
    }

    .ball-c{
        display: none;
    }

    .profile-s{
        margin-left: 0;
    }

    .p-container{
        margin-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .profile-exerpt{
        display: none;
    }
    .profile-mobile{
        display: inline-block;
        background-color: #d6a822;
        padding: 2rem 4rem;
    }
    .new-book{
        height: 30rem;
    }

    .new-book-c{
        width: 90vw;
    }

    .book-side img{
        width: 8.5rem;
    }

    .diner-pic{
        left: -30px;
        top: -45px;
    }

    .diner-pic img{
        width: 6rem;
    }

    .pub-b{
        margin-top: 1.5rem;
        padding: 1rem 2rem;
    }

    .orange-ball2,
    .orange-ball3,
    .orange-ball5,
    .green-ball2,
    .green-ball3,
    .green-ball4,
    .coral-ball2,
    .coral-ball4,
    .coral-ball5,
    .yellow-ball3,
    .yellow-ball4,
    .yellow-ball5{
        display: none;
    }

    .intersections p,
    .cria p,
    .abnormal p,
    .surrender p{
        margin: 0;
    }


}
@media only screen and (min-width: 390px) and (max-width: 427px){
    header{
        background: linear-gradient(#728092, transparent);
        height: 24rem;
        overflow: hidden;
    }

    .h-flex{
        justify-content: space-between;
        align-items: flex-start;
    }

    .main-link{
        width: 20rem;
        font-size: 2rem;
    }

    .top-n{
        width: 8rem;
    }

    .top-n ul{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin-top: 2.5rem;
        width: 10rem;
        height: 15rem;
    }

    .top-n li a{
        font-size: 1rem;
    }

    .menu{
        transform-origin: 0% 0%;
        transform: translate(100%, 0);        
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    .menu-icon{
        padding: 0 20px;
        position: relative;
    }

    .nav-icon{
        margin-top: .9rem;
        background: white;
        display: block;
        height: 2px;
        width: 18px;
        position: relative;
        transition: background .2s ease-out;
    }

    .nav-icon:before{
        background: white;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: all .2 ease-out;
        top: 5px;
    }

    .nav-icon:after{
        background: white;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        transition: background .2s ease-out;
        top: -5px;
    }

    header .menu-btn:checked ~ .menu{
        transform: none;
        width: 7rem;
    }

    header .menu-btn:checked ~ .menu-icon .nav-icon{
        background: transparent;
    }

    header .menu-btn:checked ~ .menu-icon .nav-icon:before{
        transform: rotate(-45deg);
        top: 0;
    }
    header .menu-btn:checked ~ .menu-icon .nav-icon:after{
        transform: rotate(45deg);
        top: 0;
    }

    .img-none
    {
        display: none;
    }

    .ball-c{
        display: none;
    }
    .profile-s{
        margin-left: 0;
    }
    .p-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
    }

    .mobile-title{
        display: inline-block;
    }
    .profile-exerpt{
        display: none;
    }
    .profile-mobile{
        display: inline-block;
        background-color: #d6a822;
        padding: 2rem 4rem;
    }

    .new-book{
        height: 30rem;
    }
    .new-book-c{
        width: 90vw;
    }
    .book-side img{
        width: 8.5rem;
    }

    .diner-pic{
        left: -30px;
        top: -45px;
    }
    .diner-pic img{
        width: 6rem;
    }

    .pub-b{
        padding: 1rem 2rem;
    }

    .naacas-article{
        width: 90vw;
        background-color: white;
        padding: 2rem 1rem;
    }

    .orange-ball2,
    .orange-ball3,
    .orange-ball5,
    .green-ball2,
    .green-ball3,
    .green-ball4,
    .coral-ball2,
    .coral-ball4,
    .coral-ball5,
    .yellow-ball3,
    .yellow-ball4,
    .yellow-ball5{
        display: none;
    }

    .intersections p,
    .cria p,
    .abnormal p,
    .surrender p{
        margin: 0;
    }

}