@charset "utf-8";
/* CSS Document */

@media screen and (min-width : 480px){
    .clientes-one-big div{
        width: 50%;
    }
}
@media screen and (min-width : 640px){
	.title-container h1 {
        padding: 30px 50px;
    }
    .clientes-one-big div{
        width: 33%;
    }
	
}
@media screen and (min-width : 768px){
    .lightbox-gallery li{
        width: 50%;
    }
    .mask-title h3{
        padding: 35px 20px 5px;
    }
    .logo-mision{
        bottom:-30px;
        margin-bottom:0px;
    }
    
    .logo-vision{
        top:30px;
    }
    .title-container-portada div h1,
    .title-container-contacto div h1 {
        font-size: 52px;
    }
    .title-container-portada div span,
    .title-container-contacto div span {
        font-size: 19px;
    }
    .open-menu{
        display: none;
    }
    #menu{
        background-color: transparent;
        display: table;
        width: calc(100% - 80px);
        -ms-transform: translateY(0%) !important; 
        -webkit-transform: translateY(0%) !important;  
        transform: translateY(0%) !important;
        top: auto;
    }
    #menu li {
        display: table-cell;
        text-align: center;
    }
    #menu-e{
        background-color: transparent;
        display: table;
        width: calc(100% - 120px);
        -ms-transform: translateY(0%) !important; 
        -webkit-transform: translateY(0%) !important;  
        transform: translateY(0%) !important;
        top: auto;
    }
    #menu-e li {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .soon-title-container h1{
        font-size: 5.5em;
    }
    .soon-social-container li{
        font-size: 2.2em;
    }
    .stripe{
    }
    .title-container h1{
        font-size: 32px;
    }
	.mask-1 .text-div h1,
    .mask-2 .text-div h1{
        font-size: 52px;
    }
   
    .caja{
        max-width: 43.75em;
        padding: 40px;
    }
    .half, .half-e{
        float: left;
        padding: 10px 0px;
        width: 50%;
    }
    .thirds{
        float: left;
        width: 33.333%;
    }
    .dos-box{
        float: right;
        /*min-height: 541px;*/
    }
    .uno-box{
        float: left;
    }
    .bodytext{
        font-size: 1.2em;
    }
    /*.lista-enfatizada li p{
        font-size: 1.4em;
    }*/
    .texto-enfatizado h2{
        font-size: 33px;
    }
    /*.uno-box::after{
        bottom: 0px;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent; 
        border-left: 30px solid #fff;
        content: "";
        height: 0px;
        left: 0px;
        position: absolute;
        width:0px;
    }
    .dos-box::after{
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent; 
        border-right: 30px solid #F1F2F2;
        content: "";
        height: 0px;
        position: absolute;
        right: 0px; 
        top: 15px;
        width:0px;
    }*/
    .half h2, .half-e h2{
        font-size: 33px;
        padding: 95px 20px 5px;
    }
    .title-one-big h2{
        font-size: 33px;
        padding: 85px 50px 15px;
    }
    .half h3, .half-e h3{
        font-size: 21px;
        padding: 0px 20px 5px;
    }
    .list-one-big li {
      width: 50%;
      float: left;
        font-size: 1.2em;
      padding: 16px 20px;
    }
    .list-one-big li:nth-child(2n+1) {
          clear: both;
        }
    .cert-one-big li {
      width: 25%;
      float: left;
        font-size: 1.2em;
      padding: 16px 20px;
    }
    .acomodo-caja{
        margin-top: 140px;
    }
    .caja {
        min-height: 200px !important;
    }
    .bottom-right-arte{
        bottom: -500px;
    }
    .middle-center-org {
      bottom: -50px;
        left: 35%;
    }
    .bottom-right-org {
      bottom: -250px;
        right: 0px;
    }
    .top-left-arte{
        top:25px;
    }
    .floating-container{
        position: absolute;
    }
    .padding-arriba{
        padding-top: 125px !important;
    }
    .padding-abajo{
        padding-bottom: 0px !important;
    }
    .images:last-of-type{
        left: auto;
        right: 15%;
    }
    .grupo-div div:nth-child(1){
        top: 280px;
    }
    .grupo-div div:nth-child(2){
        top: 175px;
    }
    .grupo-div div:nth-child(3){
        top: 205px;
    }
    .grupo-div div:nth-child(4){
        top: 375px;
    }
    .grupo-div div:nth-child(5){
        top: 395px;
    }
    .clientes-one-big div{
        width: 25%;
    }
}
@media screen and (min-width : 960px){
	.dos-box{
        min-height: auto;
    }
    .hexa{
        float: left;
        margin: 0px;
        padding: 65px 0px 95px;
        width: 33.333%;
    }
    
}
@media screen and (min-width : 1024px){
    .lightbox-gallery li{
        width: 33.33%;
    }
    .title-container-portada div {
        padding-top: 200px;
    }
    /*.inner-mc{
        border-left: 80px solid #fff;
        border-right: 80px solid #fff;
    }*/
    .left-article,
    .right-article{
        width: 50%;
        height: 100%;
    }
    .left-article{
        float: left;
    }
    .right-article{
        float: right;
    }
    /*.title-container h2{
        font-size: 100px;
    }*/
    .full{
        float: left;
    }
    .caja{
        min-width: 480px;
    }
    .quarter{
        min-height: 620px;
    }
    .clientes-one-big div{
        width: 20%;
    }
}

@media screen and (min-width : 1280px){
    
    .lightbox-gallery li{
        width: 25%;
    }
   /* .inner-mc{
        border-left: 120px solid #fff;
        border-right: 120px solid #fff;
    }*/
    /*.title-container h2{
        font-size: 120px;
    }*/
	.quarter{
        min-height: 700px;
    }
    .title-container-portada div h1,
    .title-container-contacto div h1 {
        font-size: 72px;
    }
    .title-container-portada div span,
    .title-container-contacto div span {
        font-size: 21px;
    }
}


@media screen and (min-width : 1600px){

@media screen and (min-width : 1920px){
}