* {

    margin: 0;
    padding: 0;

}

body{
    background: #FF44BF;
}

/************** form ************************/





/**************************************/



#offi {
    position: fixed;
    top: 2%;
    width: 150px;
    z-index: -1;
    padding-left: 9%;
}

#offi img{
    width: 150px;
    
}


#contenedor{
background-color:#151414;
font-family: 'Oswald', sans-serif;
height: auto;



display: flex;

flex-direction: column;
}

#cabecera{ 
   /* background-color: #151414;*/
    color: #ffffff;
    z-index: 2;
    padding-top: 1%;
    padding-left: 10%;
    height: 70px;
}

#central{
  /*  background-color: orange;*/
    padding-right: 10%;
    padding-top: 5%;
    height: 100%;
    float: auto;
    padding-left: 10%;
    display: flex;
   /* border:1px solid black;*/
    /*border-top: 0;*/
   /* width: calc(60% - 10px);*/
   /* box-sizing: border-box;*/
    
    

    
  /*  justify-content: space-between;
    flex-direction: column;
*/
}

.text-1 {
    color: #939393;
    
    }
    
    
    
    .text-2{
    color: #21B8FF;
    
    }
    
    .text-3{
    color: #007BFF;
    
    
    }

.text-1,.text-2,.text-3{
    
    font-size: 130px;
    width: 97%;
    
    
}

#c-1{
    padding-top: 5%;
    
     display: flex;
     justify-content: space-between; 
 /*   flex-direction: column;*/
}
/**/
#lateralIzq{
  /* */ background-color: #171616;
    width: 100%;
    height: 100%;
    float:left;
/**/display: flex; 
    padding-left: 10%;
    
    
  /*  justify-content: space-between; */
/* flex-direction: column; */
   
    
}

/**Cominsu **/
.text-4{
    padding-top: 5%; 
    color: #ffffff;
    font-size: 40px;
    display: flex;
   justify-content: space-between;
   padding-right: 21%;
    }
    
/*
#lateralDer{
 /*   background-color: rgb(60, 16, 60);
    width: 50%;
    height: 100%;
    float: left;
   display: flex;
  /*   justify-content: space-between; */
 /*  flex-direction: column; */ /*
}
*/
.img-c{
    
    padding: 0;
   
    }
    
    .img-1{
        
        padding-top: 1%;
        width: 110px;
        }
        













#pie{

    position: fixed;
    top: 83%;
    left: 0%;

  /**/  clear: both; 
    background-color: black;
    
width: 100%;
height: 110px;
background: black;
padding: 30px;
padding-left: 10%;

}

    .ct1{
    color:#b3b3b3 ;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    }
    
    .ct2{
    color:white;
    font-size: 13px;
    font-family: 'Oswald', sans-serif;
    }
    
    .sp1{
    text-decoration: none;
    color:#3860be ;
    font-size: 13px;
    font-family: 'Oswald', sans-serif;
    
    }


    #footer{
        height: 190px;
       /* background-color: aqua;*/
       background-color:#151414 ;
       color: #151414;
    }


    #cooki{

        width: 80%;
    
    }


/* */
    @media  (max-width: 520px) {
             .text-1,.text-2,.text-3{
    
    font-size: 70px;
    width: 90%;
    
    
     }
}
   



@media  (min-width: 1920px) {
    #pie{

position: fixed;
top: 89%;
left: 0%;
height: 107px;

}
}






     @media  (max-width: 520px) {
              #pie{

        position: fixed;
        top: 70%;
        left: 0%;
        height: 177px;

   }
}

@media  (max-width: 520px) {
    #footer{


height: 357px;

}
}