@import url('https://fonts.googleapis.com/css?family=ABeeZee|Bangers|Concert+One|K2D|Monoton');

*{

box-sizing:border-box;   
}

body{
     
font-family: 'Concert+One',sans-serif;
margin:0px;
padding:0px;
margin-top:5px;
}


a {

text-decoration:none;
color:white;


}


img{

margin:auto;
display:block;
}


h1,h2,h3,h4,h5,h6 {

font-family: 'bangers',sans-serif;
letter-spacing: 4px;
word-spacing:1px;
}

.cabecera .contenedor{    
    background-color:steelblue;
    height:85px;
    border-bottom: 2px solid #FBA919;
    border-top: 2px solid #FBA919;
    display:flex;
    justify-content:space-between;
    padding-top:8px;
    margin:auto;
    color:white;
    }



.logo {
    
background-color:steelblue;
letter-spacing:2px;
color:rgb(250, 250, 249);   
margin-left:4px;   
  
}

.cabecera p{
font-family: 'bangers',sans-serif;
letter-spacing: 4px;
word-spacing:1px;
text-align:center;
margin-top:14px; 
font-size:32px;
font-weight:bold;
}
 
 
    
 .titleimagen{  
color:#FBA919;
font-size:32px;
    }

/*Comienza el menu desplegable*/


.icon-menu {

   
display:block;
width:40px;
height:40px;
font-size:30px;
background: #FBA919;
color:white;
text-align:center;
line-height:50px;
border-radius:5px;
margin-top:10px;
margin-right:5px;
cursor:pointer;
}

nav {
position:absolute;
top:0;
left:-100%;     
top:90px;
width:100%;
z-index:5;
}

.menunav {

list-style:none;
padding:0;
margin:0;
}


.menu-link {
    
   
display:block;
padding:15px;
background: #FBA919;
text-decoration:none;
color:white;
}

.menu-link:hover, .select {

background: rgb(238, 234, 234);
color: #FBA919;
}


.mostrar {

    Left:0;
    transition:0.5s;
}



/*Termina el menu desplegable*/

.carrusel-container{

    display:none;
}


body{

background-image: url(/images/vinilo-corporativo-contacto.jpg);
background-size: 100vw 100vh;
background-attachment: fixed;
margin:0;
background-repeat:no-repeat;
}

.contacto-grupo{

width:100%;

}

.redessociales{

margin:auto;
width:80%;
color:white;    
display:flex;
justify-content:space-between;
margin-top:10px;
background:rgba(0,0,0,0.4);;
padding:5px 15px;

border-top: 3px solid #FBA919;
border-bottom: 3px solid #FBA919;

}

span{
cursor:pointer;

}

form{

font-family:tahoma;
width:365px; 
margin:auto;
background:rgba(0,0,0,0.4);
box-sizing:border-box;
margin-top:30px;
padding:30px;
}


h2{

text-align:center;
font-size:30px;
}


input,textarea {

width:100%;
box-sizing:border-box;
padding:10px;
border-radius: 5px;

}

textarea{

min-height:100px;
max-width:390px;
}

#botoncho{

background: #FBA919;
color:white;
font-size:20px;
}


#botoncho:hover {

cursor:pointer;
}

.info-empresa {

    display:none;
}



/*-------------Media max 350 px --------------*/

@media (max-width:360px){


    .cabecera p{
   
           font-size:24px; 
       }
   
       
   .titleimagen{
   
       color:#FBA919;
       font-size:24px;
       }
   }




/*-------------Media min 720 px --------------*/

@media (min-width:450px){


    .cabecera p{
      font-size:40px; 
      /*margin-top:19px;*/                  
      }
    
  
    .titleimagen{
    color:#FBA919;
    font-size:40px;
    }


}

/*-------------Media min 1020 px --------------*/

@media (min-width:1020px){


.logo{

justify-content:flex-start;
width:100%;
margin-left:0px;
      
}

.titleimagen1{

color:#FBA919;
font-size:46px;
}

.titleimagen{

    color:#FBA919;
    font-size:40px;
}

.logo p{

font-size:40px;
}



.icon-menu {
display:none;

}


.tamano {

width:90%
/* background:black;*/

}

  #nav {
                 
                
position:static;
margin-top:10px;
margin-left:130px;
                

        }

.menunav {

    display:flex;
    justify-content:space-around;
   /* background-color:black;*/
    
}


.menu-link {

    border-radius:4px;
    background-color:transparent;
    font-size:18px;

}

#contactoSEO {

    font-size:22px;
    letter-spacing: 0px;
    word-spacing:0px;
    font-family: 'Concert+One',sans-serif;
    display:inline-block;
    padding:0px;

}

.contacto-grupo{

display:flex;
width:80%;
margin:auto;   
}

       
form {

font-family:tahoma;
width:35%; 
margin:auto;
background:rgba(0,0,0,0.4);
box-sizing:border-box;
margin-top:20px;
padding:30px;
     
}
    
.info-empresa {
display:block;
width:60%; 
margin-top:20px;
background:rgba(0,0,0,0.4);
color:white;
padding:60px 40px;
margin-right:15px;
font-size:24px;
}
.redessociales{

padding:5px 100px;            
}
 
}