*{margin:0;padding:0;font-family:Helvetica, sans-serif;background:#fefcfd;}

@media(min-width:900px){
header{width:100%;max-width:1525px;min-width:640px;
display:flex;justify-content:center;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{float:left;width:50%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin-top:15px;float:left; padding-top:75px;}
#titulo{display:inline-block;float:left;width:79%;text-align:center;
margin-top:15px;padding-top:75px;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:40px;}
#titulo h2{font-family:"Vogue";}

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:50px 0;
padding:0;display:flex;justify-content:center;}
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:5px;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255) !important; color:#FFF !important;}

/*Formulario*/
p{margin-left:50px;font-size:18px;}
#formulario{display:inline-block; float:left; width:48%;
margin:0 25px; line-height:2em; border:solid 1px black;}
.form-group label{display:block; margin:0 25px;}
.form-group input{display:block;width:90%; margin:0 25px;}
.form-group textarea {display:block;width:90%; margin:0 25px;}
.form-group select{display:block;width:90%; margin:0 25px 10px 25px;}
#enviar{display:flex; justify-content:center;}
.boton{display:block; margin:20px 0; min-width:120px; padding:10px 0; cursor:pointer;}

/*Resto de contactos*/
#contact{display:inline-block; float:left; width:45%;
margin:0 25px; line-height:2em; justify-content:center;}
#contact p{margin-left:50px; font-size:18px;}
#phone{display:inline-block;border:3px solid rgb(253,2,73); padding:8px;
border-radius:5px; box-shadow:2px 2px 3px; margin-left:50px;}
#phone a{text-decoration:none; font-size:2.1em; 
color: rgb(253,2,73);text-align:center;}
#correo{display:inline-block;border:3px solid rgb(253,2,73); padding:8px;
border-radius:5px; box-shadow:2px 2px 3px; margin-left:50px;}
#correo a{color:rgb(253,2,73);text-align:center;font-size:24px;}
}

/*Para móviles*/
@media screen and (max-width:480px){

body{max-width:100%; font-size:60%;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{width:100%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin:1% 0 1% 1%;float:left; padding-top:6%;}
img{max-width:100%;}
#titulo{display:inline-block;float:left;width:75%;text-align:center;
margin-top:15px;padding-top:6%;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:2em;}
#titulo h2{font-family:"Vogue";font-size:1.4em;}

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:5% 0;
padding:0;}
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:2%;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

	p{font-size:1em;}

/*Formulario*/
p{margin-left:5%;font-size:1.1em;}
#formulario{display:block; float:left; width:90%;
margin:0 3%; line-height:2em; border:solid 1px black; overflow:hidden;}
.form-group label{display:block; margin:0 3%;}
.form-group input{display:block;width:90%; margin:0 3%;}
.form-group textarea {display:block;width:90%; margin:0 3%;}
.form-group select{display:block;width:90%; margin:0 3% 1% 3%;}
#enviar{display:flex; justify-content:center;}
.boton{display:block; margin:2% 0; min-width:120px; padding:1% 0; cursor:pointer;}

/*Resto de contactos*/
#contact{display:block; float:left; width:90%;
margin:3% 3%; line-height:2em; justify-content:center;}
#contact p{margin-left:5%; font-size:1.5em;}
#phone{display:block;border:3px solid rgb(253,2,73); padding:1%;
border-radius:5px; box-shadow:2px 2px 3px; margin-left:5%;}
#phone a{text-decoration:none; font-size:2.1em; 
color: rgb(253,2,73);text-align:center;}
#correo{display:block;border:3px solid rgb(253,2,73); padding:1%;
border-radius:5px; box-shadow:2px 2px 3px; margin-left:5%;}
#correo a{color:rgb(253,2,73);text-align:center;font-size:2.1em;}

}

/*IPAD*/
@media screen and (min-width:480px) and (max-width:899px){

body{max-width:100%; font-size:80%;}
@font-face{font-family:"Vogue"; src:url('Vogue.ttf');}
#cabecera{width:100%; margin:0; padding:0;}
#logo{display:inline-block;width:20%; 
margin:1% 0 1% 1%;float:left; padding-top:6%;}
img{max-width:100%;}
#titulo{display:inline-block;float:left;width:75%;text-align:center;
margin-top:15px;padding-top:6%;line-height:300%; }
#titulo h1{font-family:"Vogue";font-variant: small-caps; font-size:2.4em;}
#titulo h2{font-family:"Vogue";font-size:1.7em;}	

/*Menú*/
#menu{font-family:sans-serif;list-style:none;text-decoration:none;margin:5% 0;
padding:0;}
#menup>li{float:left;list-style:none;}
#menup li:first-child{margin-left:2%;}
#menup li a{background:#fefcfd;color:black;display:block;
border:0 solid;padding:10px 12px;text-decoration:none;}
#menup li a:hover{background:rgba(253,2,73,255); color:#FFF;}
li>ul{list-style:none; display:none; position:absolute;min-width:170px;}
/*Desplegable*/
#menup li:hover ul{display:block;}
.resaltar a{background:rgba(253,2,73,255)!important; color:#FFF !important;}

/*Cuerpo principal*/
p{margin-left:5%;font-size:1.2em;}
#formulario{display:block; float:left; width:90%;
margin:0 3%; line-height:2em; border:solid 1px black; overflow:hidden;}
.form-group label{display:block; margin:0 3%;}
.form-group input{display:block;width:90%; margin:0 3%;}
.form-group textarea {display:block;width:90%; margin:0 3%;}
.form-group select{display:block;width:90%; margin:0 3% 1% 3%;}
#enviar{display:flex; justify-content:center;}
.boton{display:block; margin:2% 0; min-width:120px; padding:1% 0; cursor:pointer;}

/*Resto de contactos*/
#contact{display:block; float:left; width:90%;
margin:3% 3%; line-height:2em; justify-content:center;}
#contact p{margin-left:5%; font-size:1.6em;}
#phone{display:block;border:3px solid rgb(253,2,73); padding:1%;
border-radius:5px; box-shadow:2px 2px 3px; margin-left:5%;}
#phone a{text-decoration:none; font-size:2.4em; 
color: rgb(253,2,73);text-align:center;}
#correo{display:block;border:3px solid rgb(253,2,73); padding:1%;
border-radius:5px; box-shadow:2px 2px 3px; margin-left:5%;}
#correo a{color:rgb(253,2,73);text-align:center;font-size:2.4em;}
#textito{font-size:1.2em !IMPORTANT;}

}