body{font-family: 'Work Sans', sans-serif; margin:0;}
p{color: #5D5D5D;font-size: 14px;}
h3{font-size: 30px; color:#FF8F00; text-align: center; font-weight: normal; ;}
a{text-decoration: none}
h4{ font-size: 20px; color:#FF8F00; }
.contenedor { max-width:1120px; margin:auto; padding: 20px;}
.button-1{cursor:pointer;background:#FF8F00; color:#FFFFFF; border-radius: 3px; border:none; width: 150px; height: 35px; font-size:12px; }
.button-p{cursor:pointer;margin-bottom:30px; background:#FF8F00; color:#FFFFFF; border-radius: 3px; border:none; width: 170px; height: 45px; font-size:16px; }
.background{background: #F5F5F5;}

/*header*/
.header{padding: 20px;
position: relative; background:white}

/*menu*/
.menu{font-size: 14px; display: inline-block; position: absolute;right: 0; margin-right: 20px}
.menu  li {display:inline-block;}
.menu  ul {display:inline-block;}
.menu a{color:#5D5D5D;}
.logo{ display: inline-block; margin: 0;}
 

/*PORTADA*/
.portada{ padding:20px; color: white; background-size:cover; }
.portada-home{ background-image: url("../img/beriatech-portada.png");max-height: 500px }
.portada-desarrollo{background-image: url("../img/beriatech-portada.png");max-height: 500px}
.portada-consultoria{background-image: url("../img/consultoria-portada.png");max-height: 600px}
.portada-testing{background-image: url("../img/testing-Beriatech.png");max-height: 500px}
.titulo{ font-weight:lighter; font-size: 70px; line-height: 70px; padding-top:50px; color: white}
.portada .contenedor{margin-top: 50px; overflow: hidden; }
/*portada*/


.nosotros{padding: 20px;text-align: center; height: 500px}
.nosotros p{text-align: justify;}


/*CONTACTO*/
 .contacto{overflow: hidden; padding:20px; background: #F5F5F5; margin-bottom:10px; height: auto;}
 .contacto h3{padding-top:50px ;padding-bottom:60px}
 .formulario{ float: left; width: 50%; }
 .formulario-b{  display:flex; flex-direction: column; margin-bottom: 20px; width: 90% ;height:30px; padding-left: 10px; font-size: 12px; border: none;}
 .textarea{ height: 70px; border: none; width: 90%;}
 .direccion{float:left;width: 40%; padding-left: 30px}
 .direccion-info{padding-bottom: 30px; }
 .direccion-info a{ text-decoration:none;cursor:pointer;color:#5D5D5D}}
 .beriatech-i{float:none; height:auto}
 .i-d{float:left;margin-right: 10px}

/*BERIATECH 1*/

 .beriatech-1{overflow: hidden; height: auto; text-align:center; padding-top:  80px}
 .beriatech-d{float: left; width: 50% ;padding-right : 40px; height:auto;}
 .beriatech-1d{margin-right: 20px; padding-left:80px;overflow: hidden;}
 .beriatech-1 p{text-align: justify;}
 .beriatech-1 h3{margin-top:100px;}
 .beriatech-1 img{max-width:500px;}
 .beriatec-1d img{min-width: 200px; max-width: 500px}

/*BERIATECH 2*/
 .beriatech-2{height: 600px}
 .beriatech-2 h3{margin-top:100px;}
 .beriatech-bg{ height : 500px; text-align: center; background-image:url("../img/desarrollo-beriatech.png"); }
 .beriatech-bg .contenedor p{color:white}



/*BERIATECH 3*/
.beriatech-3{overflow: hidden; height: auto; text-align:center;margin-top:50px; min-height: 500px}
.beriatech-i{float: right; width: 80% ;padding-left : 40px; height:auto;}
.beriatech-3i{margin-right: 20px; padding-left:80px;overflow: hidden;}
.beriatech-3 p{text-align: justify;}
.beriatech-3 h3{margin-top:100px;}
.beriatech-3 img{max-width:500px;}
.beriatec-3i img{min-width: 200px; max-width: 500px}


/* TESTING*/
.testing{max-height: 500px;}
.testing-img{float: left;margin-left: 20px; margin-right: 20px; text-align: center}
.testing-servicios{overflow: hidden; width: 450px; margin-left: auto;margin-right: auto}
.testing p{text-align: justify; }
.testing-1{overflow: hidden; height: auto; text-align:center; padding-top:  80px}
.testing-d{float: left; width: 80% ;padding-right : 40px; height:auto;}
.testing-1d{margin-right: 20px; overflow: hidden;}
.testing-1 p{text-align: justify;}
.testing-1 img{max-width:500px;}

.testing-imgl{float: right;}

.testing-i{ width: 50% ;padding-left : 40px; height:auto;}

.testing-3i{float: left; margin-right: 20px;overflow: hidden; width: 50%}
.testing-3{overflow: hidden; height: 500px ; text-align:center;margin-top:50px}
.testing-3 p{text-align: justify;}
.testing-3 h3{margin-top:100px;}
.testing-3 img{max-width:400px;}


/* CONSULTORIA*/
.consultoria{overflow: hidden; max-height: auto }

.consultoria-i{float: left; margin:20px; text-align:  center}
.consultoria-contenido{text-align: center; overflow: hidden; width: 80%; margin-left: auto; margin-right: auto}
.consultoria-contenido-b{overflow: hidden; width: 60%; margin-left: auto; margin-right: auto}
.consutoria-bg{padding-top: 100px; overflow: hidden; background-image: url(../img/consulting-bg.png);height: 500px }
.consutoria-bg h3{padding-top: 40px}
.desarrollo-beriatech{width: 50%;float: left; overflow: hidden;  }
.consutoria-bg p{color: white}
.consultoria-testing-c{float: left; width: 40%; padding:20px}
.consultoria-testing-c h3{padding-top: 10px; padding-bottom: 20px}
.consultoria-testing-c p{text-align: justify;}
.consultoria-testing-c img{ margin-right: 20px }
.consultoria-testing-l{float: left; width: 50%}
.consultoria-etapa h3{text-align: justify; padding-top: 30px }
.consultoria-etapa p{text-align: justify; }
 

 /*FOOTER*/
 .footer {background: #F5F5F5; padding: 20px;}
 .footer .contenedor{ padding: 20px;}
 .footer-beriatech{ display:flex; justify-content: space-between; }
 .redes-beriatech{display:  flex; justify-content:  center; }
 .red{margin: 10px;}




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

.titulo{ font-size: 50px;  padding-top:30px;}
.portada-desarrollo{text-align: center;}
.beriatech-d{width: 100% }
.beriatech-1{height: auto}
.beriatech-1 h3{margin-top:30px; }
.beriatech-2{height: 500px}
.beriatech-3 img{max-width:800px;  }
.beriatech-i{padding-left : 0;}
.beriatech-3 h3{margin-top:30px;}
.contenedor{padding: 30px}
.beriatec-3i img{margin-top: 30px }


/*consultoria*/
.consultoria{overflow: hidden; text-align: center; height: auto}
.consutoria-bg h3{padding-top: 10px}
.consutoria-bg{padding-top: 30px;}
.consultoria-contenido-b{width: 80%; }
.desarrollo-beriatech{width: 100%;float: none;}
.consultoria-i{margin:30px;}
.consultoria-contenido{width: 70%;}
.consultoria-i{float: left;}
.consultoria-testing-c{float: none; width: 100%; padding: 0px}
.consultoria-testing-l{float: none; width: 70%; padding-top: 50px;}
.consultoria-testing-c h3{padding-top: 10px;}
.testing-d{float: none;padding-right : 0px;}
.testing-i{float:none; width: 100% ;padding-left : 0px;}
.testing-imgl{float: none;}
.testing-3{height: auto ;}
.testing-3i{float: none; width: 100%}
 /*imagenes*/
 .beriatech-d{float:none; }
 .beriatech-i{float:none; height:auto}
 /*portada*/
 .nosotros{padding: 20px;text-align: center; max-height: 500px;}
/*portada*/
 .titulo{font-size: 60px; line-height: 55px;}
 .img-beriatech .beriatech-i{max-width: 60%; min-width:60%;margin: 0}
 /*software*/
 .software{padding-top:50px;  height: auto}
 .contenedor img{max-width: 60%}


 
  /*contacto*/

 .contacto{height: auto;}
 .contacto h3{padding-top:0 ;padding-bottom:10px}
 .formulario{float: none; width:80%; margin: auto;}
 .formulario-b{width: 80%;margin-left: auto; margin-right: auto;}
 .textarea{ width: 80%; }
 .direccion{float:left;width: 90%; padding-left: 30px}
 .direccion-info .beriatech-i{float:left; }







}
@media screen and (max-width: 1024px){
.beriatech-1 h3{margin-top:50px;}