@media screen and (max-width:1300px) {
    html, body{
        font-size:7px;
    }
    .intro{
        font-size:13rem;
    }
}


@media screen and (max-width:1200px) {
    html, body{
        font-size:7px;
  
    }
    main{
        margin-left:4rem;
        margin-right:4rem;
    }
    nav{
        margin-right:0;
        margin-left:0;

    }

    
    nav div.socials-lng{
        position:fixed;
        top:0;
        right:4rem;
        font-size:4rem;
        line-height:4rem;
        z-index:2000;
        
    }
    header{
        padding-top:5rem;
    }
    nav{
        display: block;
        width:100%;
        margin-top:1rem;
    }
    nav ul{
        width:100%;
    }
    
    .team main ul{
        width:100%;
    }
    .team main img{
        width:100%;
        margin-left:0;
    }
    .team-member .body-text{
        width:100%;
        display:block;
        
    }
    .body-text{
        font-family:cmuSerif;
        font-size:3.5rem;
        line-height:4rem;
        padding: 4rem;
    }
    .body-text > div{
        width:100%;
    }
    .body-text.single>div{
        width:100%;
    }
    .switch{
        right:6rem;
        top:14rem;
    }
    .team .gallery-module figure{
        width:100%;
    }
    
}
@media screen and (max-width:600px) {
    .intro{
        font-size:10rem;
    }
}
@media screen and (max-width:600px) {
    html, body{
        font-size:6px;
    }
    .gallery-module figure{
        width:200px;
        
    }
   
}
@media screen and (max-width:500px) {
    .intro{
        font-size:9rem;
    }
    html, body{
        font-size:5px;
    }
}