.esade_title{
  font-family: font_textos;
  font-size: 28px;
  text-align: center;
  color: white;
  padding-bottom: 3%;
}

.font_texto_serv{
  font-family: font_textos;
    font-size: 26px;
    text-align: center;
    color: white;
    margin-top: 10px;
}


.font_texto_columna{

      font-family: font_textos;
    font-size: 26px;
    text-align: center;
    color: black;
    margin-top: 10px;
    display: block;
    line-height: 32px;
}

.descripcion{
  font-family: Font; font-size: 25px; text-align: center; color: #0724fb; margin-top: 43px;    line-height: 30px;
}


.titulo_serv{
      font-size: 156px;
    line-height: 129px;
    color: white;
}

.arrow {
  position: absolute;
    bottom: -70%;
    left: 50%;
  margin-left: -20px;
  width: 30px;
  height: 30px;
  background-image: url(../../css/down_arrow.png);
  background-size: contain;
}

.layer{

  position: relative;
  top: 26%;

}


.esade_texto_1{

  margin-top: 11%;
  margin-bottom: 11%;


}


.esade_texto_2{

      margin-top: 11%;

}



/*RESPONSIVE DESKTOP*/

@media only screen and (max-width: 2560px) and (max-height: 1440px){




}



@media only screen and (max-width: 1920px) and (max-height: 1200px){

 
.titulo_serv {
    font-size: 137px;
    line-height: 112px;

  }

.font_texto_serv {
    font-size: 23px;
}


.arrow {
    bottom: -88%;
}

}



@media only screen and (max-width: 1920px) and (max-height: 1080px){

 .titulo_serv {
    font-size: 130px;
    line-height: 109px;
  }

  .font_texto_serv {
    font-size: 23px;
}


.arrow {
    bottom: -55%;
  }

}

.masonry_esade{
      max-width: 1485px;
    width: 100%;
    margin-bottom: 14%;
        margin-top: 7%;
    text-align: center;
}


@media only screen and (max-width: 1920px) and (max-height: 1080px){


}


@media only screen and (max-width: 1680px) and (max-height: 1050px){




}


@media only screen and (max-width: 1600px) and (max-height: 900px){
.arrow {
    bottom: -46%;
}


}


@media only screen and (max-width: 1440px) and (max-height: 900px){



	
}


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


.esade_title {
    font-size: 21px;
}


.titulo_serv {
    font-size: 86px;
    line-height: 78px;
}

.font_texto_serv {
    font-size: 20px;
}

.arrow {
    bottom: -61%;
    width: 25px;
    height: 25px;
}



}


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



}


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




}


@media only screen and (max-width: 1024px) and (max-height: 600px){

.titulo_serv {
    font-size: 94px;
    line-height: 75px;
}
	

.font_texto_serv {
    font-size: 20px;
}

.esade_title {
 
    padding-bottom: 2%;
}  


.arrow {
       bottom: -39%;
    width: 25px;
    height: 25px;


}

}


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


}

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


}


@media (max-width: 680px){

.masonry_esade{
  display: none;
}

.esade_title {
    font-size: 25px;
}

h1.titulo_serv_mobile{
font-size: 63px;
line-height: 66px;
        margin-top: 13px;

}

.esade_texto_1 {
margin-bottom: 17%;
}

.font_texto_serv {
    font-size: 22px;
} 

.tatuadores_1{
      margin-top: 7%;

}
.esade_texto_2 {
margin-top: 21%;
}

.tope {
    margin-top: 95px;
}

.flex-regular {
padding: 0 27px !important;
}

.final{
  margin-left: 27px !important;
margin-right: 27px !important;
}

.columna_i {
  padding-right: 0;
}

.columna_d{
  float: none;
}



.paralpdb {
height: 400px;
background-attachment: local;
background-size: cover;
background-position: 40% 50%;
background-image: url("../../img/pdb-parallax.jpg");
margin-top: 80px;
margin-bottom: 80px;
}

.paralpdbint img{
  width: 57%;
margin-top: 11%;
}

.arrow {
    bottom: -83%;

margin-left: -12px;
}

.fila{
      margin-left: 27px;
    margin-right: 27px;
}

.masonry_esade{
  display: none;
}


.esade{
margin-top: 20%;
    margin-bottom: 23%;
}
}


@media (max-width: 600px){





}


/*RESPONSIVE TABLET*/


@media only screen and (max-width: 768px) and (min-height:  1024px){



}





/*RESPONSIVE MOBILE*/


@media only screen and (max-width: 414px) and (max-height: 736px){

 


}


@media only screen and (max-width: 375px) and (max-height: 667px){

 


}





@media only screen and (max-width: 320px) and (max-height:  568px){



}