*{
    margin: 0px;
    padding: 0px;   
    font-size: 13px;
    font-family: sans-serif;
    color:#2F2E2E;
}

section#first-paral {
    position: relative;
    height: 100vh;
    z-index: -120;
    background-image: url("../../../img/backgrounds/first-paral.jpg");
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

section#second-paral {
    position: relative;
    height: 100vh;
    z-index: -120;
    width: 100%;
    background-image: url("../../../img/backgrounds/second-paral.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

section#third-paral {
    position: relative;
    height: 100vh;
    z-index: -120;
    width: 100%;
    background-image: url("../../../img/backgrounds/third-paral.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

header#head-mobile {
    display: none;
}
    
#toggle, nav#mob{
    position: fixed;
    width: 100%;
    background-color: white;
    color: #2F2E2E;
    transition: color .3s, opacity .3s; 
}
nav#mob ul li, nav#scr ul li{
    transition: .3s all;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2F2E2E;
    cursor: pointer;
}
nav#mob ul li:hover {
    background-color: rgba(206,32,38,.5);
    cursor: pointer;
}
#spLogo{
    position: fixed;
    z-index: 2;
    height: 50px;
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
#spLogo h1{
    color:#891519;
    font-size: 20px;
    font-weight: bold;
}
nav#mob{
    display: none;
    margin-top: 50px;
    z-index: 1;
    height: 100vh;
}
nav#mob ul{
    height: 90vh;
    display: flex;
    flex-direction: column;
}
nav#mob ul li{
    flex-grow:1;
}
nav#mob ul li a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
nav#mob ul li a p{
    height: 10px;
}
#toggle{
    position: fixed;
    text-align: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 8px;
    height: 50px;
    width: 40px;
    cursor: pointer;
    z-index: 3;
    transition: .2s all;
    opacity: 0.5;
}
#toggle img{
    width: 30px;
    height: 20px;
}

#toggle:hover{
    opacity: .8;
}

#content{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

header#head-desktop {
    background-color: white;
    position: relative;
    top:8px;
    text-align: center;
}

header#head-desktop #logo-head{
    display: inline-block;
    padding: 10px;
}
header#head-desktop #logo-head p{
    display: inline-block;
    width: 260px;
    position: relative;
    top: -50px;
    left: -75px;
    text-align: left;
    letter-spacing:0.35em;
}

header#head-desktop #logo-head p span{
    color:#891519;
    font-size: 20px;
    font-weight: bold;
}

header#head-desktop nav{
    display: inline-block;
    width: 620px;
    height: 30px;
    text-align: center;
    position: relative;
    top:-10px;
}

header#head-desktop ul{
    list-style: none;
    width: 100%;
}

header#head-desktop ul li{
    display: inline-block;
    width: 100px;
    letter-spacing:0.10em;
    color: #2f2e2e;
}

#descriptsAndFoot{
    position: relative;
    top:55vh;
}

section#modules-descript {
    background-color: #ce2026;
    display: flex;
    padding-top: 30px;
    padding-left: 200px;
    padding-right: 200px;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
}
section#modules-descript div{
    width: 200px;
    padding-left: 0px;
    padding-bottom: 20px;
}

section#modules-descript div.sep{
    height:60px;
    width:1px; 
    border-left: 1.1px solid white;
    padding: 0px;
}
section#modules-descript div div#titl{
    letter-spacing:0.05em;
    font-size: 18px;
    font-weight: 50;   
    color:white;
    height: 25px;
}
section#modules-descript div p{ 
    letter-spacing:0.04em;
    font-weight: 10;
    color:#efabae;
    height: 65px;
}
section#service-descript div{
    background-color: #eef0e4;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
section#service-descript h1{
    margin-top: 70px;
    color:#2f2e2e;
    letter-spacing:0.05em;  
    text-align: center;
    font-size: 28px;
    font-weight: 100;
    width: 650px;  
}
section#service-descript p{
    margin-top: 30px;       
    text-align: center;
    width: 610px;
    color: #605e5e;
    font-size: 15px;
    font-family: sans-serif;
    vertical-align: top;
}

section#service-descript div.cont{
    padding-top: 30px;
    padding-bottom: 70px;
}

section#service-descript div.cont img{
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 35px;
    margin-top: 40px;
}

section#service-descript div.cont div{
    width: 250px;
    margin-right: 40px;

}

section#service-descript div.cont div h2{
    font-size: 20px;
    font-weight: 100;
    text-align: center;
    color:#2f2e2e;
    display: block;
    width: 100%;
    height: 60px;
}
section#service-descript div.cont div p{
    margin-top: 20px;
    color: #605e5e;
    text-align: justify;
    font-size: 12px;
    letter-spacing:0.05em;
    height: 140px;
}

section#contacts {
    background-color: #ce2026;
    display: flex;
    padding-top: 30px;
    padding-left: 200px;
    padding-right: 200px;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
}

section#contacts div{
    width: 200px;
    padding-left: 22px;
    padding-bottom: 40px;
}

section#contacts div.sep{
    height:60px;
    width:1px; 
    border-left: 1.1px solid white;
    padding: 0px;
}
section#contacts div span{
    letter-spacing:0.05em;
    font-size: 18px;
    font-weight: 100;   
    color:white;
    text-align: left;
}
section#contacts div p{ 
    letter-spacing:0.04em;
    font-weight: 10;
    color:#efabae;
}

section#experience {
    background-color: #2f2e2e;
    display: flex;
    padding-top: 30px;
    padding-left: 200px;
    padding-right: 200px;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
}
section#experience div{
    width: 200px;
    padding-left: 22px;
    padding-bottom: 40px;
}

section#experience div span{
    letter-spacing:0.05em;
    font-size: 18px;
    font-weight: 50;   
    color:#a0a09f;
    text-align: left;
}
section#experience div p, section#experience div ul li{ 
    letter-spacing:0.04em;
    font-weight: 10;
    color:#a0a09f;
    display: flex;
    flex-wrap: wrap;
}


section#nosotros{
    background-color: white;
}

section#nosotros div{
    display: flex;
    align-content: space-around;
    justify-content: center;
    width: 100%;
    padding-bottom:50px ;
    padding-top:50px ;
    flex-wrap: wrap;
    
}
section#nosotros div h1{
    font-family: sans-serif;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.05em;
    font-size: 28px;
}

section#nosotros div span#ps{
    width: 500px;
}
section#nosotros div span#ps p{
    text-align: justify;
    color: #605e5e;
    font-size: 14px;
    letter-spacing: 0.02em;
    word-wrap: break-word;
    margin-bottom: 20px;
}
section#nosotros div span#imgs{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 350px;
    margin-bottom: 45px;
}

section#suscripcion{
    background-color: white;
    margin-top: -54vh;  /*quitar paral espaciado*/
    padding-bottom: 100px;
}
section#suscripcion div{
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
}

section#suscripcion div h1{
    text-align: center;
    letter-spacing: 0.35em;
    color: #2f2e2e;
    font-weight: 100;
    font-size: 13px;
}
section#suscripcion div p{
    color: #605e5e;
    font-size: 14px;
    letter-spacing: 0.03em;
    margin-top: 30px;
    text-align: justify;
}
section#suscripcion div h1 span{
    color:#891519;
    font-weight:600;
    font-size: 22px;
    letter-spacing: 0.01em;
}

section#servicios{
    background-color: white;
    margin-top: -54vh;  /*quitar paral espaciado*/
    padding-bottom: 100px;
}
section#servicios div.tit{
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
}
section#servicios div h1{
    text-align: center;
    font-family: sans-serif;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.05em;
    font-size: 28px;
}
section#servicios div.tit p{
    color: #605e5e;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-top: 20px;
    text-align: justify;
    margin-bottom: 7px;
}
section#servicios div#serv{
    padding-left: 15%;
    padding-right: 15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
}
section#servicios div#serv span{
    width: 300px;
    text-align: center;
    margin-bottom: 30px;
}
section#servicios div#serv span p{
    color: #605e5e;
    font-size: 12px;
    letter-spacing: 0.05em;
    margin-top: 20px;
    text-align: justify;
}




section#contactenos{
    background-color: white;
    margin-top: -54vh;  /*quitar paral espaciado*/
}

section#contactenos div{
    width: 100%;
    text-align: center;
}
section#contactenos div#imgs img{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 50%;
}
section#contactenos div#imgs h1{
    text-align: center;
    font-family: sans-serif;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 0.05em;
    font-size: 28px;
}

section#contactenos div#contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding-bottom: 100px;
}
section#contactenos div#contact span#numbers{
    width: 210px;
    text-align:left;
}
section#contactenos div#contact span#numbers h6{
    font-size: 15px;
    color:#CE2026;
    line-height: normal;
    letter-spacing: 0.04em; 
    font-weight: 100;
}
section#contactenos div#contact span#numbers p{
    font-size: 15px;
    color:#605e5e;
    line-height: normal;
    letter-spacing: 0.04em; 
    font-weight: 100;
    margin-bottom: 20px;
}


section#contactenos div#contact span#form{
    width: 560px;
}
section#contactenos div#contact span#form input, section#contactenos div#contact span#form textarea{
    color:#605e5e; 
    display: block;
    letter-spacing: 0.04em; 
    width: 100%;
    font-size: 14px;
    border: 1px solid rgba(160, 160, 159, 1);
    margin: 0 0 5px;
    padding: 5px;
    box-sizing: border-box;
}
section#contactenos div#contact span#form textarea{
    height: 140px;
}

section#contactenos div#contact span#form button{
    float: right;
    background-color: #ce2026;
    font-size:16px;
    padding: 5px;
    color: white;
    cursor: pointer;
    border: 0;
}


section#contactenos div#map{
    background-color: #eef0e4;
    width: 100%;
    height: auto;
    padding-bottom: 100px;      
}
footer {
    background-color: #242323;
    height: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

footer p{
    color:#a0a09f;
}





/*----------------------------------------------------------------------*/

@media screen and (max-height: 510px) {
    #descriptsAndFoot{
        position: relative;
        top:40vh;
    }
}

/*----------------------------------------------------------------------*/

@media screen and (max-width: 732px) {
    header#head-desktop {
        display: none;
    }
    header#head-mobile {
        display: block;
    }
    #toggle {
        display: flex;
        align-content: center;
        justify-content: center;
    }
    section#modules-descript {
        justify-content: center;
        padding: 30px;
    }
    section#modules-descript div{
        text-align: center;
    }
    section#modules-descript div.sep{
        border: none;
    }
    
    section#service-descript div.cont div{
        width: 250px;
        margin-right: 0px;
    }
    
    section#contacts {
        justify-content: center;
        padding: 30px;
    }
    section#contacts div{
        text-align: center;
    }
    section#contacts div.sep{
        border: none;
    }
    section#service-descript h1,section#service-descript p{
        margin-top: 40px;
        margin-left:30px;
        margin-right:30px;
    }
    
    section#experience {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
        flex-wrap: wrap;
        justify-content: space-around;
        height: auto;
    }   
    section#suscripcion{
        padding-left: 20px;
        padding-right: 20px;
    }
    
    section#suscripcion div{
        padding-left: 0;
        padding-right: 0;
    }
    
    section#nosotros{
        padding-left: 40px;
        padding-right: 40px;
    }
    section#nosotros div{
        text-align: center; 
        display:    flex;
        align-content: center;
        justify-content: center;
    }
    
    section#servicios div{
        padding-left: 0px;
        padding-right: 0px;
    }
    section#contactenos div#contact span#form{
        width: 80%;
    }
    
    section#contactenos div#imgs img{
        width: 80%;
    }
    
}