body{  
background: #FDFEFE ;
    }
#img1{
  display: block;
}
#img2{
  display: none;
}
header img{
  height: 70%;
  width: 100%;
  border-radius: none;
}
footer{
  height: 150px;
  position: relative;
}
footer img{
  width: 42%;
  height: 70%;
  margin-left: 8%;
}
footer li{
  margin-left: 24%;  
}
footer {text-decoration: none;}
h2{
  font-family: sans-serif;
  color: #4CAF50 ;
}
.sa{
  margin-left: 25px;
}

img {
        object-fit: cover;       
      }
#galeria .col-lg-4 {padding: 25px;}

#galeria .col-md-4 {padding: 25px;}

#galeria .col-sm-4 {padding: 25px;}

section#p1{
  font-family: serif;
  width: 95%;
  height: 420px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041;
  font-size: 20px;
}
section#p2{
  font-family: serif;
  width: 98%;
  height: 250px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041;
  font-size: 20px;
}
section#p3{
  font-size: 20px;
  font-family: serif;
  width: 98%;
  height: 490px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041
}
#pa{
  width: 100%;
  display: block;
}
#pa1{
  width: 100%;
  display: none;
}
iframe{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 0px){
body{  
background: #FDFEFE ;
    }
header{
  height: 100px;
}
#img1{
  display: none;
}
#img2{
  display: block;
}
footer li{
  margin-left: 33%;
}
header img{
  width: 100%;
}
footer img    {
  width: 25%;
  height: 70%;
  margin-left: 8%;
}
footer a{
  text-decoration: none;
}
h2{
  font-family: sans-serif;
  color: #4CAF50 ;
}
.sa{
  margin-left: 25px;
}

img {
        object-fit: cover;

        border-radius: 10px;
      }
#galeria .col-lg-4 {padding: 25px;}

#galeria .col-md-4 {padding: 25px;}

#galeria .col-sm-4 {padding: 25px;}

#galeria img{width: 100%;
              height: 250px;}
section#p1{
  font-family: serif;
  width: 95%;
  height: 420px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041;
  font-size: 17px;
}
section#p2{
  font-family: serif;
  width: 98%;
  height: 250px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041;
  font-size: 17px;
}
section#p3{
  font-size: 17px;
  font-family: serif;
  width: 98%;
  height: 490px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041
}
#pa{
  width: 100%;
  display: none;
}
#pa1{
  width: 100%;
  display: block;
}
iframe{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}
}

@media screen and (max-width: 500px){
body{  
background: #FDFEFE ;
    }
header{
  height: 80px;
}
#img1{
  display: none;
}
#img2{
  display: block;
}
footer li{
  margin-left: 33%;
  font-size: 12px;
}
header img{
  width: 100%;
}
footer img    {
  width: 27%;
  height: 70%;
  margin-left: 8%;
}
footer a{
  text-decoration: none;
}
h2{
  font-family: sans-serif;
  color: #4CAF50 ;
}
.sa{
  margin-left: 25px;
}

img {
        object-fit: cover;

        border-radius: 10px;
      }
#galeria .col-lg-4 {padding: 25px;}

#galeria .col-md-4 {padding: 25px;}

#galeria .col-sm-4 {padding: 25px;}

#galeria img{width: 100%;
              height: 250px;}
section#p1{
  font-family: serif;
  width: 95%;
  height: 420px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041;
  font-size: 15px;
}
section#p2{
  font-family: serif;
  width: 98%;
  height: 250px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041;
  font-size: 15px;
}
section#p3{
  font-size: 15px;
  font-family: serif;
  width: 98%;
  height: 490px;
  background: #FDEBD0;
  border-style: solid;
  border-color: #F5B041
}
#pa{
  width: 100%;
  display: none;
}
#pa1{
  width: 100%;
  display: block;
}
iframe{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}
footer img{
  width: 50%;
}
}