* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* Desktop Styles */
@media only screen and (min-width: 961px) {
    
    body {font-family: 'Martel Sans', sans-serif; margin:0; padding:0; line-height:1.2; color:#686868; background-color:white;}
    h1 {font-family:'Georgia', serif;}
    hr {border-color:#D7D7D7;}
    a{color:#893030;text-decoration: none;cursor:pointer;}
    a:hover{color:#db4c4c}
    
    .top {
        height: 40px;
        background-color: black;
        }
    
    .container {
        background-color: #FBFCFC;
        padding: 40px;
        border-bottom: 0.75px solid #D7D7D7;
        }
    
    .logo {
        float: left;
        padding-left: 5%;
        margin-right: 75px;
        margin-top: -20px;
        }
    
    .logo img {
        padding-top: 10px;
        width: 300px;        
        }
    
    .header_desk {
        text-align: center;
        padding: 25px;
        padding-top: 35px;
        padding-left: 5%;
        font-size: 12px;
        text-transform: uppercase;
        /* position: sticky; */
        /* top: 0px; */
        /* z-index: 2; */
        }
    
        .header_desk li {
            display: inline;
            padding: 10px;
            }

        .header_desk a {
            text-decoration: none;
            color: #212121;
            }

        .header_desk a:hover {
            color: #9E9E9E;
            }
    
    .header_phone {
        display: none;
        }
    
    .subratllat {
        background-image: linear-gradient(silver, silver);
        background-size: 0 2px, auto;
        background-repeat: no-repeat;
        background-position: center bottom;
        transition: all .2s ease-out;
        }
    
        .subratllat:hover{
            background-size: 100% 2px, auto;
            }
    
    .cover {
        /* The image used */
        background-image: url(img/cover.png);
        /* Set a specific height */
        height: 450px;
        /* Create a parallax scrolling effect */
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        }
    
    .subcover {
        margin-top: 0px;
        height: 100%;
        background-color: rgba(30, 30, 30, 0.25);
        text-align: center;
        }

    .subcover p{
        width: 80%;
        padding-top: 10%;
        padding-left: 20%;
        text-align: center;
        font-size: 2.5rem;
        color: white;
        font-family: 'Open Sans';
        }
    
    .core {
        background-color: white;
        padding: 7%;
        font-size: 13px;
        line-height: 1.7;
        text-align: justify;
    }

    .description {
        width: 65%;
        }
    
    .jorge {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        }
    
        .jorge p{
            /**font-family: 'Georgia', serif;**/
            font-size: 26px; 
            font-weight: bold; 
            padding-bottom: 12px;
            margin-top: -6%;
            font-variant: small-caps;
            text-align: center;
            }
        
        .jorge p1{
            font-size: 18px;
            padding-bottom: 12px;
            font-variant: small-caps;
            }
    
        .jorge ul {
            padding-left: 5%;
            }
    
        .jorge img {
            float: left;
            width: 37.5%;
            margin-right: 4%;
            }
    
        .jorge sup {
            font-variant: normal;
            font-size: 12px;
        }
    
    .footer {
        clear: both;
        overflow: hidden;
        background-color: #FAFAFA;
        border-top: 0.75px solid #D7D7D7;
        /* The image used */
        background-image: url(img/lab.jpeg);
        /* Set a specific height */
        background-position: center;
        background-size: cover;
        }
    
    .subfooter {
        margin-top: 0px;
        height: 100%;
        background-color: rgba(30, 30, 30, 0.65);
        padding: 5%;
        font-size: 14px;
        text-align: center;
        color: whitesmoke;
        line-height: 2;
        }
    
        .subfooter a {
            text-decoration: none;
            color: #D0D3D4;
            }

        .subfooter a:hover {
            color: #A6ACAF;
            }
    
    .bottom {
        height: 40px;
        background-color: black;
        }
    
    .pub {
        clear: both;
        overflow: hidden;
        background-color: white;
        padding-top: 3%;
        padding-left: 8%;
        padding-right: 8%;
        font-size: 14px;
        line-height: 1.7;
        text-align: justify;
        font-family: book antiqua; 
        font-size: 15px;
        }
    
    .year {
        width: 7.5%;
        font-size: 13px;
        letter-spacing: .1rem;
        padding-left: 2.5%;
        font-size: 19px;
        }
    
    .pub_list {
        float: right;
        width: 85%;        
        }
    
        .pub_list img {
            float: right;
            width: 27.5%;
            margin-left: 5%;
            margin-right: 2.5%;
            }
    
        .pub_list p{
            clear: both;
            overflow: hidden;
        }
    

    
    .divisor {
        background-color: white;
        height: 60px;
        }
    
    .but_top {
        display: none;
        position: fixed;
        top: 87%;
        right: 3%;
        z-index: 1;
        }
    
        .but_top a{
            color: white;
            }

    .but {
        padding: 12px;
        font-size: 1rem;
        width: 40px;
        text-decoration: none;
        background: rgba(219, 82, 82, 0.5);
        color: white;
        border-radius: 10px;
        }   

        .but:hover {
            background-color: rgba(219, 82, 82, 0.9);
            }
    
    .members_cover {
        /* The image used */
        background-image: url(img/members_cover.jpg);
        /* Set a specific height */
        height: 350px;
        /* Create a parallax scrolling effect */
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        }
    
    .members_subcover {
        margin-top: 0px;
        height: 100%;
        background-color: rgba(30, 30, 30, 0.3);
        text-align: center;
        }
    
    .slot {
        float: left;
        width: 95%;
        margin: 1%;
        padding: 10px;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        
        }
    
        .slot img{
            display: none;
            width: 175px;
            margin-bottom: 5%;
            }
        
        .slot p1{
            font-size: 18px;
            padding-bottom: 12px;
            font-variant: small-caps;            
            }
    
        .slot p2{
            font-size: 13px;
            padding-bottom: 12px;
            color: #A6ACAF;        
            }
        
        .slot p3{
            font-size: 13px;
            padding-bottom: 12px;  
            }
            
        .slot a {
            font-size: 13px;
            text-decoration: none;
            color: #D0D3D4;
            }

        .slot a:hover {
            color: #A6ACAF;
            }
    
        .speaker h3 {
            font-size: 15px;
            font-weight: bold;
            }
    
    .pics_news {
        text-align: center;
        padding: 5px;
        font-weight: bold; 
        }
    
    .pics_news img {
        display: none;
        }

        .pics_news:hover img{
            display: block;
            }
    
    .subpresentation {
        clear: both;
        overflow: hidden;
        margin: 3%;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        line-height:1.7;
        width: 90%;
        padding-left: 5%;
        }
    
        .subpresentation img {
            float: left; 
            padding-bottom: 15px; 
            padding-right: 15px;
            padding-top: 4px;
            width: 145px;
            }
    
    
    
}


/* Tablet & Phone Styles */
@media only screen and (max-width: 960px) {
    
    body {font-family: 'Martel Sans', sans-serif; margin:0; padding:0; line-height:1.2; color:#686868; background-color:white;}
    h1 {font-family:'Georgia', serif;}
    hr {border-color:#D7D7D7;}
    a{color:#893030;text-decoration: none;cursor:pointer;}
    a:hover{color:#db4c4c}
    
    .top { /* none */ }
    
    .container {
        background-color: #FBFCFC;
        border-bottom: 0.75px solid #D7D7D7;
        text-align: center;
        }
    
    .logo img {
        padding-top: 10px;
        max-width: 70%;        
        }
    
    .header_phone {
        clear: both;
        overflow: hidden;
        padding: 20px;
        font-size: 12px;
        text-transform: uppercase;
        }
    
        .header_phone ul {
            display: none;
            padding-top: 20px;
        }
    
        .header_phone:hover ul {
            display: block;
        }
    
        .header_phone li {
            padding: 10px;
            }

        .header_phone a {
            text-decoration: none;
            color: #212121;
            }

        .header_phone a:hover {
            color: #9E9E9E;
            }
    
    .header_desk {
        display: none;
    }
    
    .subratllat {
        background-image: linear-gradient(silver, silver);
        background-size: 0 2px, auto;
        background-repeat: no-repeat;
        background-position: center bottom;
        transition: all .2s ease-out;
        }
    
        .subratllat:hover{
            background-size: 100% 2px, auto;
            }
    
    .cover {
        /* The image used */
        background-image: url(img/cover.png);
        /* Set a specific height */
        height: 450px;
        /* Create a parallax scrolling effect */
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        }
    
    .subcover {
        margin-top: 0px;
        height: 100%;
        background-color: rgba(30, 30, 30, 0.25);
        text-align: center;
        }
    
    .core {
        background-color: white;
        padding: 7%;
        font-size: 13px;
        line-height: 1.7;
        text-align: justify;
        }    
    
    .description {
        width: 100%;
        }
    
    .jorge {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        }
    
        .jorge p{
            /**font-family: 'Georgia', serif;**/
            font-size: 26px; 
            font-weight: bold; 
            padding-bottom: 12px;
            margin-top: -6%;
            font-variant: small-caps;
            text-align: center;
            }
    
        .jorge p1{
            font-size: 18px;
            padding-bottom: 12px;
            font-variant: small-caps;            
            }
    
        .jorge img{
            display: none;
            }
    
        .jorge sup {
            font-variant: normal;
            font-size: 13px;
        }
    
    .footer {
        clear: both;
        overflow: hidden;
        background-color: #FAFAFA;
        border-top: 0.75px solid #D7D7D7;
        /* The image used */
        background-image: url(img/lab.jpeg);
        /* Set a specific height */
        background-position: center;
        background-size: cover;
        }
    
    .subfooter {
        margin-top: 0px;
        height: 100%;
        background-color: rgba(30, 30, 30, 0.65);
        padding: 5%;
        font-size: 14px;
        text-align: center;
        color: whitesmoke;
        line-height: 2;
        }
    
        .subfooter a {
            text-decoration: none;
            color: #D0D3D4;
            }

        .subfooter a:hover {
            color: #A6ACAF;
            }
    
    .bottom {
        height: 40px;
        background-color: black;
        }
    
    .pub {
        clear: both;
        overflow: hidden;
        background-color: white;
        padding: 7%;
        padding-left: 12%;
        padding-right: 12%;
        font-size: 14px;
        line-height: 1.7;
        text-align: justify;
        font-family: book antiqua; 
        font-size: 15px;
        margin-bottom: 7%;
        }
    
    .pub a {
        text-decoration: none;
        color: #DB4C4C;
        }
    
    .year {
        width: 10%;
        font-size: 13px;
        letter-spacing: .1rem;
        padding-left: 5%;
        font-size: 19px;
        }
    
    .pub_list {
        float: right;
        width: 75%;        
        }
    
        .pub_list img {
            display: none;
            }
    
    .divisor {
        background-color: white;
        height: 60px;
        }
    
    .but_top {
        display: none;
        position: fixed;
        top: 87%;
        right: 3%;
        z-index: 1;
        }

    .but {
        padding: 12px;
        font-size: 1rem;
        width: 40px;
        text-decoration: none;
        background: rgba(219, 82, 82, 0.5);
        color: white;
        border-radius: 10px;
        }   

        .but:hover {
            background-color: rgba(219, 82, 82, 0.9);
            }
    
    .subpresentation {
        clear: both;
        overflow: hidden;
        margin: 3%;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        line-height:1.7;
        width: 90%;
        padding-left: 5%;
        }
    
        .subpresentation img {
            float: left; 
            padding-bottom: 15px; 
            padding-right: 15px;
            padding-top: 4px;
            width: 145px;
            }
    
    .slot {
        float: left;
        width: 98%;
        margin: 1%;
        padding: 10px;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        }
    
    .kk {
        text-align: center;
    }
    
        .slot img{
            display: flex;
            display: none;
            width: 50%;
            margin-bottom: 5%;
            margin-left: 25%;
            margin-right: 25%;
            }
        
        .slot p1{
            font-size: 18px;
            padding-bottom: 12px;
            font-variant: small-caps;
            }
    
        .slot p2{
            font-size: 13px;
            padding-bottom: 12px;
            color: #A6ACAF;
            }
        
        .slot p3{
            font-size: 13px;
            padding-bottom: 12px;
            }
            
        .slot a {
            font-size: 13px;
            text-decoration: none;
            color: #D0D3D4;
            }

        .slot a:hover {
            color: #A6ACAF;
            }
    
        .speaker h3 {
            font-size: 15px;
            font-weight: bold;
            }
            
    .pics_news {
        text-align: center;
        padding: 5px;
        font-weight: bold; 
        }
    
    .pics_news img {
            display: none;
            }

        .pics_news:hover img{
            display: block;
            }
    
    
}