@media only screen and (max-width: 1600px) {

    .pictureintexthome {height: 260px; width: auto;}}


@media only screen and (max-width: 1000px) {
    
    .register-showcase li {width: 50%; }
    .register-index {column-count: 2; column-width: auto; }
    .register-photo img {font-size: 70%; }
    h1 {font-size: 114%; line-height: 140%; letter-spacing:2px;}
    h2 {font-size: 114%; line-height: 140%; letter-spacing:2px;}
    h3 {font-size: 114%; line-height: 140%; letter-spacing:2px; padding-left: 10px;}
}


@media only screen and (max-width: 768px) {
    
    .register-showcase li {width: 50%; }
    .register-index {column-count: 2; column-width: auto; }
    .register-photo img {font-size: 70%; }
    .pictureintextbiographie {height: 250px; width: auto;}
    h1 {font-size: 110%; line-height: 140%; letter-spacing:1px;}
    h2 {font-size: 110%; line-height: 140%; letter-spacing:1px;}
    h3 {font-size: 110%; line-height: 140%; letter-spacing:1px; padding-left: 10px;}
}

@media only screen and (max-width: 600px) {

    h1 {font-size: 100%; line-height: 120%; letter-spacing:0px;}
    h2 {font-size: 100%; line-height: 120%; letter-spacing:0px;}
    h3 {font-size: 100%; line-height: 120%; letter-spacing:0px; padding-left: 10px;}
    .pictureintexthome {height:  230px; width: auto;}
    .pictureintexthome:hover {transition: none; cursor: none; transform: none;}
    .pictureintextbiographie {height: 230px; width: auto;}
    .pictureintextresearchtopicsright:hover {transition: none; cursor: none; transform: none;}
    .pictureintextresearchtopicsleft:hover {transition: none; cursor: none; transform: none;}    
    .pictureintextresearchtopicsright {height: 300px; width: auto; margin-top: 0%; margin-bottom: 0%;}        
    .pictureintextresearchtopicsleft {height: 300px; width: auto; margin-top: 0%; margin-bottom: 0%;}
}


@media only screen and (max-width: 560px) {
       
    .pictureintexthome {height: 210px; width: auto;}
    .pictureintextbiographie {height: 210px; width: auto;}
}


@media only screen and (max-width: 480px) {
    
    .logo {height: 90px; width: auto; }
    .main-nav {font-size: 80%; }
    .footer-nav li {display: flex; flex-direction: column;}
    .register-showcase li {width: 50%; }
    .copyright-mobile {display: block; font-size: 90%; }
    .copyright-desktop {display: none; }       
}


@media only screen and (max-width: 390px) 
    
    .main-nav {font-size: 70%; }
    .logo {height: 80px; width: auto; }   
    .pictureintexthome {height: 170px; width: auto;}
}


@media only screen and (max-width: 350px) {
    
    .main-nav li {margin-left: 1px; }
    .register-showcase li {width: 100%; }}