@media screen and ( max-height: 750px ){

    .logotipo {
    max-width: 250px;
    margin-top: 6%;
    }

}


@media (max-width: 1100px) {
  h1{
    font-size:30px;
    line-height: 33px;
  }
  
  h3.title p {
    margin-bottom: 7px;
    padding-left: 0%;
}
  
  
}



@media (max-width: 768px) {
 
   .logotipo {
    max-width: 200px;
    margin-top: 6%;
    }
    
  .section-block__full{
    height: auto;
    padding-bottom: 20px;
  }
  
  .col-6.texto-copy{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 10px;
  }
  .col-6.texto-copy.text-right {
    text-align: left!important;
    padding-bottom: 0px;
  }
  #seccion-contacto{
    padding-bottom: 20px;
  }
   /*Tipografias*/

   h1 {
    color: white;
    font-size: 27px;
    line-height: 31px;
    font-family: 'Playfair Display', serif;
    font-weight: 300;
    font-style: italic;
    color: #333332;
    text-align: center;
    }

    h2 {
    font-size: 25px;
    line-height: 28px;
    font-weigvvht: normal;
    margin-top: 45px;
     }
     
     h3.title p {
    margin-bottom: 7px;
    padding-left: 0%;
    text-align: center;
}

     .formacion h1 {
    font-size: 25px;
    line-height: 28px;
    padding-top: 45px;
     }

     #seccion-quienes-somos h4, #formacion h2 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    line-height: 28px;
   }

   #formacion h2{
   	margin-top: 10px;
   }

   #formacion {
    margin-top: 25px;
    margin-bottom: 40px;
}


   /*menu*/
   .outer-menu {
     position: fixed;
     top: 28px;
   }

   .container-fluid.header-fixed{
    padding-left: 15px;
    padding-right: 15px;
   }

    /*Seccion Home*/

    .btn-dark{
    	margin-bottom: 30px;
      letter-spacing: 0px;
      font-size: 14px;
    } 

    .txt-home {
    padding-top: 15px;
    padding-right: 0px;
}

    .bg-color {
       height: 100vh;
       width: 100%;
       background: none;
    }

    h3.title {
    margin-bottom: 15px;
  }


    /*Seccion Seguros médicos*/

     #seccion-seguros-medicos ul#steps{
    	justify-content: center;
    }
    #seccion-seguros-medicos #steps li{
    	flex: 0 0 99%;
        max-width: 80%;
    }

    ul#logos{
      margin-bottom: 55px;
    }

    #logos li img {
      max-width: 95px;
   }

   #logos li{
   	  padding: 0rem 18px 8px 8px;
   }

   /*Seccion Footer*/

   .datos-contacto {
      padding-right: 10px;
      padding-left: 10px;
      padding-top: 0px;
      border-right: 0px solid #fff;
      min-height: auto;
      text-align: center;
    }

    .caja-form {
    max-width: 400px;
    min-width: 280px;
    width: 100%; 
    margin: 0 auto;
   }


   .caja-form div{
   	text-align: center;;
   }

   #seccion-contacto h2{
   	margin-top: 45px;
   	margin-bottom: 0;
   }

   .informate{display: none;}

   #formacion ul li {
    flex: 0 98%;
    margin:10px 0%;
    padding: 15px 10px;
    }

    #seminarios .row div {
    float: left;
    width: 100%;
    margin: 0;
    }

    #convenios h2 {
     padding-top: 0px;
     margin-top: 0;
    }


    .formacion ul#logos li{
    	padding: 0;
    	flex: 0 40%;
    }

    #convenios .col-12{
    	padding-left:0;
    	padding-right: 0;
    }

    .formacion #logos li .txt {
    text-align: center;
    max-width: 100%;
   }

    .home .header-fixed {
    background-color: #F9F9F9 !important;
    padding-bottom: 25px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
  }

   .home .logotipo-header{
    display: block;
    max-width: 200px;
    margin-top: 12px;
    padding-left: 20px;
  }




  .home .logotipo-header img{

  }

  .bg-color .logotipo {
    max-width: 150px;
    margin: 0 auto;
    margin-top: 130px;
}


.btn-dark{
  width: auto;
  max-width: 260px;
  display: block;
  margin: 0 auto; 
}


.caja-wassap{
    bottom: 38px !important; 
    left:82% !important;
  }

 /*Altos de las secciones*/

   .vh-100{
       height: auto;
   }

   .bg-color{
   	height: auto;
   }

   .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
   }

   #seccion-quienes-somos{
       height: auto;
       min-height: 200px;
       padding-bottom: 45px;
   }

   #seccion-privado {
    min-height: 200px;
    padding: 0px 20px 45px;
    text-align: center;
}
  
  
   
}


@media (max-width: 558px) {

  header .logotipo{
    padding-left: 10px;
  }
  .home .logotipo-header{
    max-width: 180px;
    padding-left: 10px;
  }

  .logotipo {
    max-width: 180px;
    padding-left: 10px;
  }

  .outer-menu {
    right: 77px;
  }

  .texto-copy {
    font-size: .7rem;
   }

   .outer-menu .menu > div {
    width: 550vw;
    height: 550vw;
  }

  .formacion #logos li img {
    max-width: 128px;
  }

   .formacion #logos li .txt {
    font-size: 12px;
    line-height: 14px;
    }

   .caja-wassap {
    width: 55px;
    bottom: 55px !important;
    left: 85% !important;
   }

}