body{font-family:sans-serif;}
main{
  margin-top:5%;
  color:#293f55;
  line-height: 60px;
  padding-bottom:5%;
  background-color: rgb(245,245,245);
  margin-bottom: 2%;
}
h1{
  margin-top: 0%;
  padding-left: 10%;
  background-color: #babbb1;
}
main img{
  width:25%;
  float: left;
  margin-right: 5%;
}
.guillemet{
  width:10%;
}
iframe{
  width:100%;
  height: 450px;
}
h1{
  text-transform: uppercase;
}
.text{
  line-height:30px;
  width:70%;
  text-align: justify;
  margin-left: 12%;
}
 .signature{
   margin-left: 12%;
   padding-top: 1%;
   font-weight: bold;
 }
a {
  list-style-type:none;
  text-decoration-line:none;
  color:#293f55;
}
.contact{
  font-size: large;
}
@media only screen and  (max-width:600px){
  main{
    margin-top:20%;
    line-height: 30px;
    padding-bottom:7%;
  }
  h1,main p,.contact{
    font-size: large;
  }
  h1{
    margin-top: 0%;
    padding-left: 3%;
    background-color: #babbb1;
  }
  main img{
    width:100%;
    float: none;
    margin-right: 0%;
  }
  .text{
    padding:3% 9%;
    line-height:30px;
    width:85%;
    text-align: justify;
    margin-left: 0%;
  }
  .signature{
    margin-left: 10%;
    font-weight: bold;
  }
}
@media only screen and (max-width:992px) and (min-width:600px){
  main{
    margin-top:15%;
    line-height: 35px;
    padding-left: 0%;
  }
  h1{
    margin-top: 0%;
    padding-left: 3%;
    background-color: #babbb1;
  }
  main img{
    width:70%;
    float: none;
    margin-right: 0%;
    margin-left: 15%;
  }
  .text{
    padding:3% 9%;
    line-height:30px;
    width:80%;
    text-align: justify;
    margin-left: 0%;
  }
  h1,main p,.contact{
    font-size: large;
  }
  .signature{
    margin-left: 10%;
    font-weight: bold;
  }
  footer{
    width: 95%;
  }
}