body {background-color: #1a1b1b;
    padding: 0; 
    margin: 0;
    line-height: 1.42857143;}

header {height: 95px;
    z-index: 100;
    background-color: #1a1b1b;
    padding: 0px  50px;
    width: 100%;
    display: flex;
    position: fixed;
    justify-content:left;
    align-items: center;}

.logo_ {margin-left: -2em;
    margin-top: -10px;
    width: 90px;}

.keep-read {text-decoration: none;
    color: #f51528;}

.boton {text-decoration: none;
    font-size: 16px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    background-color: #f51528e5;
    border: solid 1px #f51528e5 ;
    border-radius: 15px;
    width: 30px;
    padding: 5px 10px;}

.divisor {width: 50%;
    color:#f51528e5;
    display: inline-block;
    border: 1px solid;
    margin: 70px 0px 15px 15px;}  

.divisor1 {width: 50%;
    color:#f51528e5;
    display: inline-block;
    border: 1px solid;
    margin: 70px 0px 30px 300px}  
    


.menu a {color: #f5fdfd;
    margin-left: 3.8em;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;}

.menu a:hover{color: #f51528;
    opacity: 0.9;}
        
.mostrar-menu, .esconder-menu{font-size: 30px;
    cursor: pointer;
    display: none;
    transition: 0.4s;}
        
.mostrar-menu {order: 1;}
        
#check {display: none;}

.socialmedia {font-size: 1.3em; 
    margin-left: 12em;}

.socialmedia a { color: #f5fdfd;
    padding: 10px;}

#facebook:hover {color: #3b5998;}
#instagram:hover {color: #C13584;}
#youtube:hover {color: #bd081c;}
#linkedin:hover {color: #0072b1;}

#firs, #second {width: 100%;
    display: flex;
    align-items: center; 
    justify-content: center;
    flex-direction: column;}

.container {width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5em;}

.first-part-quienessomos {margin-right: 15px;
    margin-left: 15px;}

.first-section-quienessomos {padding-top: 30px;
    margin-left: 15px;
    margin-right: 15px;}

.beginning-tittle {margin: 0 40px 25px 40px;}

.texto-inicio {margin-top: -10px;}

.titulo-h1,.titulo-socios {text-align: center;
    font-size: 60px;
    font-weight: 500;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.txt-p{text-align: center;
    font-size: 25px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.titulo-h1-valores{text-align: left;
    font-size: 40px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.values-p{text-align: left;
    font-size: 20px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.second-part-quienessomos {margin:0 15px 0 15px;}

.second-section-quienessomos {padding-top: 30px;
    margin:0 15px 0 15px;}

#socios{line-height: 20px;
    margin:0 40px 0 40px;}

.txt-socios, .name{text-align: center;
    font-size: 20px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.container-socios-description, .container-socios-description-cr { margin:0 15px 0 15px;}

.socios-cr {width: 55%;}
    
.name-socios-colab { 
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 100;}

.status {font-size: 15px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    margin-top: -10px;}

.txt-socios-colab {line-height: 1.42857143;
    color: #f5fdfd;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    margin-top: 30px;}


.position-img {display: inline-block;
   position: relative;
   top: -47.3em; 
   left: 46em;}

.img-cr {width: 18em;
    height: 14em;}

#main-content-1, .main-content-2 {font-size: 20px;
    color: #747474;}

.servtitle{ color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;}

.main-title{font-family: 'Poppins', sans-serif;
    font-size: 50px;
    text-align: center;
    color:#f51528;
    font-weight: 100;}

.main-title-{text-align: center;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    color:#f51528;}

.subtitle-servis {text-align: center;
    font-size: 20px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.main-content-2 {font-size: 20px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.th,.td{color: #f5fdfd;}
.cuadro{margin-left: 20em;}

.mes{text-align: center;
    font-size: 18px;}

.mes a{text-decoration: none;
    padding: 10px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}

.none:hover{color: #272727;}
.done:hover{color: #bd081c;}

.servtitle{text-align: center;
font-weight: 300;}
.display-servis{text-align: center;}
.display-servis a {text-decoration: none;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding: 5px;}
.display-servis a:hover{color: #bd081c;
transition: 0.1s;}

.section,.servis-list{display: flex;
justify-content: center;
align-items: center;}

.block-1{
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    list-style: none;}
    
footer {width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #1a1b1b;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;}
    
.footer-container {height: fit-content;
    width: 90%;
    padding: 3rem 6rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;}
    
.footer-content-container {display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;}
                
.web-logo {margin-bottom: 1.2rem;
    font-size: 20px;}
                
.footer-info {padding: 3px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    transition: 0.5s}
                
.menu-title {font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 1.2rem;}
                
.menu-item-footer {padding: 3.5px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    transition: 0.5s}
                
.menu-item-footer:hover {color: #f51528;
    opacity: 0.9;}
                         
.img-titular{ width: 12%; 
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: 6px;}
                
.copyright-container {width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid #f5fdfd;}
                
.copyright {font-size: 12px;
    opacity: 0.7;
    font-weight: 400;
    padding: 10px 0;}

#descripcion{width: 40%;
    margin-left: 20px;}

.titulo-descripcion{color: #ff2045e5;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;}

.txt-descripcion{color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;}

#formulario{
width: 35%;
margin-left: 45em;
margin-top: -24.5em;}

input, textarea {width: 350px;
    box-sizing: border-box;
    font-size: 18px;
    color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #272727;
    border-radius: 10px;
    background-color: #272727;
    margin-left: 50px;}

label {display: flex;
padding: 5px;
margin-left: 55px;
font-size: 19px;}   

textarea {min-height: 125px;
max-height: 125px;
min-width: 350px;
max-width: 350px;

color: #f5fdfd;
font-family: 'Poppins', sans-serif;  }

#bottom {height: 50px;
width: 80px;
font-size: 20px;
background-color: #ff2d2d;
border: 1px solid #ff2d2d;
display: flex;
margin: 20px 50px;
color: white;}

#bottom:hover {transition: 1s;
cursor: pointer;
color: #f7f7f7;}

.label-colour {color: #f5fdfd;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;}

.contact-form{ display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;}

.cuadro-mono{margin-left: 60px;}

@media (max-width:767px) {
.mostrar-menu,.esconder-menu{display: block;color: #f4fafa;}
.mostrar-menu{margin-left: 10px;}

.divisor1 {width: 50%;
    color:#f51528e5;
    display: inline-block;
    border: 1px solid;
    margin: 70px 0px 30px 125px}
                        
    .menu{ position: fixed;
        background: #1a1b1b;
        width: 100%;
        height: 100vh;
        right: -100%;
        top: 0;
        text-align: left;
        padding: 100px 0;
        z-index: 100;
        transition: 0.8s;}
                    
        .menu a{ display: block;
            padding: 20px;
            color: #f4fafa;}
                        
        .esconder-menu{position:absolute;
            top: 40px;
            left: 50px;}
        
        .socialmedia{position: fixed;
            width: 50%;
            height: 17vh;
            left:-10%;
            top: 5px;
            z-index: 99;
            transition: 0.8s;}
                        
        .socialmedia a{display: inline-block;
            font-size: 20px;
            padding: 5px;
            margin-top: 25px;
            color: #f4fafa;}
                        
        #check:checked ~ .menu{right: 0;} 
    
.footer-container, .footer-content-container,.beginning-tittle {display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;}
    
.social-link{margin-left: 1rem;}
    
.img-titular{ width: 40%;}
.img-cr{display: none;}

.main-content-2{
    margin-left: 15px;
    margin-right: 15px;}

.texto-inicio{text-align: center;}}