@media only screen and (max-width: 1075px){
  header{
    height: 120px;
  }

  #slider{
    top: 105px;
    right: 0;
    background-position: 95% 0% !important;
  }

  #logo{
    width: 200px;
    margin: 15px auto 0 auto;
  }

  .menu{
    top: 74px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .menu ul li a{
    padding: 0 12px; 
    line-height: 14px;
  }

  .social{
    top: 10px;
    right: 10px;
  }

  .social a{
    width: 30px;
    height: 30px;
  }

  .social a:nth-child(2){
    margin: 0 0 0 4px;
  }

  #content{
    padding: 120px 0 60px 0;
  }

  .cntcontent h2{
    padding: 0 25px;
    margin: 25px 0 15px 0;
    font-size: 1.8em;
  }

  .serv .paragraph{
    margin: -45px 0 50px 39%;
  }

  .emp span, .emp label{
    font-size: 0.8em;
  }

  .photoevn{
    width: 20.2%;
  }

  .contact{
    width: 45%;
  }

}

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

  #slider{
    top: 55px;
    background-position: 54% 0% !important;
  }

  .serv p{
    width: 50%;
  }

  .serv .paragraph{
    margin: -45px 0 50px 41%;
  }

  .emp{
    width: 30.5%;
  }

  .photoevn{
    width: 27%;
  }

  .contact{
    width: 85%;
  }

  .footerdatos{
    width: 385px;
    top: 8px;
    left: 10px;
  }

  .footerdatos span{
    font-size: 0.7em;
  }

  footer a{
    font-size: 0.7em;
    top: 24px;
    right: 10px;
  }

  .campaign img{
    width:88%;
  }

  #formulario{
    max-width:88%;
  }
  .register{
    position: relative;
    width: 75%;
    top:0;
    margin: 19% auto 0 auto;
    padding: 10px 15px 35px 15px;
  }
}

@media only screen and (max-width: 630px){
  header{
    height: 70px;
  }

  #slider{
    top: 10px;
    background-position: 55% 0% !important;
  }

  .social{
    left: 10px;
    width: 70px;
  }

  #content{
    padding: 70px 0 60px 0;
  }

  .menuresp{
    display: block;
  }

  #togglemenu:checked ~ .menu{
    right: 0;
  }

  .menu{
    position: fixed;
    margin: 0;
    right: -200px;
    top: 70px;
    left: initial;
    width: 200px;
    height: 100%;
    background-color: #2B3131; 
  }

  .menu ul li{
    position: relative;
    padding: 0;
    width: 100%;
  }

  .menu ul li a{
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
    vertical-align: middle;
    color: #FFF;
    border-bottom: 1px solid #242A2A;
  }

  .cntcontent h2{
    font-size: 1.6em;
  }

  .cntcontent label{
    margin: 20px 0 10px 10px;
  }

  .mvsion{
    width: 100%;
  }

  .serv img{
    position: relative;
    display: block;
    margin: 10px auto 20px auto;
    width: 50%;
  }

  .serv p{
    position: relative;
    display: block;
    width: 82%;
    margin: 0 auto 15px auto;
  }

  .serv .paragraph{
    margin: 10px auto;
  }

  .emp{
    width: 46%;
  }

  .photoevn{
    width: 44%;
    margin: 4px 2px;
  }

  .emp span, .emp label{
    margin: 0;
  }

  footer{
    height: 105px;
  }

  .footerdatos{
    position: relative;
    margin: 0 auto;
    width: 86%;
    line-height: 16px;
    text-align: center;
  }

  .footerdatos span{
    font-size: 0.9em;
  }

  footer a{
    top: initial;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    font-size: 0.8em;
  }

}

@media only screen and (max-width: 535px){
  .photoevn{
    width: 42%;
    margin: 4px 2px;
  }
}