@media (max-width: 615px){

  #foto{
    width: 95%;
    float: left;
    margin-left: 2.5%
  }

}
@media only screen
and (min-width: 616px)
and (max-width: 1050px){

  #foto{
    width: 46.25%;
    float: left;
    margin-left: 2.5%
  }

}
@media (max-width: 700px) {
  .containerlr{
  width:100%;
  height:720px;
}
  .midseparation{
    width: 100%;
  }
  #right, #left{
  width: 92%;
  text-align: center;
  font-size: 90%;
  padding: 4%;
  }
  .sobre{
  margin-top: -20px;
  padding-left:  4%;
  padding-right: 4%;
  padding-bottom: 1em;
  text-align: center;
 }
}
@media (max-width: 1080px){
  .logo{
    position: fixed;
    top: 0;
    margin: 5px 30px;
  }
  nav ul {
    max-height: 0px;

    /**background: rgba(1,68,134,0.85);*/
    background: linear-gradient(rgba(1, 68, 134, 1),rgba(1, 68, 134, 0.65));
  }
  nav.black ul {
    background: linear-gradient(rgba(1, 68, 134, 1),rgba(1, 68, 134, 0.65));
  }
  .showing{
    max-height: 30em;
  }
  nav ul li {
    box-sizing: border-box;
    width: 100%;
    padding: 14.8px 0;
    text-align: center;
  }
  .menu-icon{
    display: block;
  }
}
@media (min-width: 1000px){
  #divprincipal{
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1000px){
	#form{
		width: 100%;
		padding: 2%;
	}
	.form-style-9{
		width: 100%;  
    padding: 0px;
    margin: 0px;
    border: 0px;
  }
	#iframe{
		width: 95%;
	}
  #div1{
    width: 70%;
    height: auto;
    margin-left: 15%;
    margin-right: 15%;
  }
  #div1p{
    padding: 0.5em;
  }
  #footer{
	  height:670px;
  }
  #connects{
	width: 100%;
  }
}