.logo1 {
width:75%;
height:auto;
}


.rollover1 {
  background-color: #ffffff;
  border: none;
  color: white;
  opacity: 1;
  transition: 400ms;
}

.rollover1:hover {opacity: 0.4}

.logobasdepage {
position:relative;
width: 55%;
height: auto;
}





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


}





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



}





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

.logobasdepage {
width: 60%;
height: auto;
}



}





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

.logobasdepage {
width: 65%;
height: auto;
}



}




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

.logobasdepage {
width: 70%;
height: auto;
}

}



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

.logobasdepage {
width: 70%;
height: auto;
}

}





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

.logobasdepage {
position:relative;
width: 70%;
height: auto;
}

}





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

.logobasdepage {
width: 75%;
height: auto;
}


}





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



}