/*
Theme Name: Twenty Ten
Theme URI: https://wordpress.org/themes/twentyten/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 4.3
Tested up to: 6.7
Requires at least: 3.0
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header, block-patterns
Text Domain: twentyten
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Grimpt Brush';
    src: url('fonts/Grimpt-Brush.woff2') format('woff2'),
        url('fonts/Grimpt-Brush.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

:root{
	--montserrat: "Montserrat", serif;
	--grimpt: 'Grimpt Brush';
	--rosa-pastel: #eba2b0;
	--rosa: #EA92A1;
	--rosa-oscuro: #E4728A;
	--rosa-fondo: #fde3e2;
	--negro: #1C1E27;
}
/*html{*/
/*    scroll-behavior: smooth;*/
/*}*/

body{
	margin: 0 auto;
	font-size: 0px;
	font-family: var(--montserrat);
	color: var(--negro);
}
body > a{
	position: fixed;
	bottom: 150px;
	right: 5%;
	background-color: var(--rosa-oscuro);
	color: var(--rosa-fondo);
	font-weight: 600;
	font-size: 18px;
	padding: 7px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 30px;
	border:solid 2px var(--negro);
	z-index: 10;
	letter-spacing: 2px;
}

header{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	background-image: url(images/back.png);
	background-size: cover;
	background-position: top center;
}
header > div{
	position: absolute;
	width: 26vw;
	height: 17vw;
	/* background-color: #000; */
	scale: .7;
	right: 0px;
}
header > div g, header > div path{
	stroke: #EA92A1;
}
header > div > svg > .letters{
	display: none;
}
header > nav{
	position: relative;
	width: 900px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header > nav > a{
	position: relative;
	font-size: 14px;
	font-weight: 600;
}
header article{
	position: relative;
	display: flex;
	display: none;
}
header article > div{
	position: relative;
	font-size: 44px;
    font-weight: 600;
    margin-left: 6px;
    margin-right: 6px;
}
header article > div:nth-child(3){
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	border-radius: 30px;
	background-color: var(--rosa-pastel);
}
header article > div > p{
	font-size: 8px;
	font-weight: 600;
	color: #FFF;
	margin: 0px;
}
header > nav article{
	position: relative;
	display: flex;
}
header > nav article > div{
	position: relative;
	font-size: 44px;
    font-weight: 600;
    margin-left: 6px;
    margin-right: 6px;
}
header > nav article > div:nth-child(3){
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	border-radius: 30px;
	background-color: var(--rosa-pastel);
}
header > nav article > div > p{
	font-size: 8px;
	font-weight: 600;
	color: #FFF;
	margin: 0px;
}

/*******************************
 *			 BANNER
 ******************************/
.banner{
	position: relative;
	width: 100%;
	height: 74vw;
	height: auto;
	background-image: url(images/back.png);
	background-position: center center;
	background-size: cover;
}
.banner > aside{
	position: absolute;
	width: 35%;
	left: 32.5%;
	height: 40vw;
/*	top: 9vw;*/
	overflow: hidden;
	z-index: 1;

	position: relative;
	width: 100%;
    left: 0%;
    height: auto;
}
.banner > aside .frame{
	position: relative;
	width: 100%;
	height: 54vw;
	background-position: center center;
	background-size: cover;
}
.banner > div{
	position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 10vw;
    z-index: 3;

    height: 54vw;
}
.banner > div > h2{
	font-size: 2.4vw;
	letter-spacing: .4vw;
	font-weight: 800;
	margin: 0px;
}
.banner > div > h3{
	font-size: 3.4vw;
	letter-spacing: .4vw;
	font-weight: 800;
	margin: 0px;
	margin-top: -1vw;
}
.banner > div > article{
	position: relative;
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.banner > div > article > div{
	position: relative;
	width: 35%;
}
.banner > div > article > div:nth-child(1){
	margin-right: 85%;
	margin-top: -2vw;
}
.banner > div > article > div:nth-child(3){
	margin-left: 100%;
	transform: rotate(150deg);
	margin-top: -2vw;
}
.banner > div > article > h2{
	font-size: 22vw;
	font-family: var(--grimpt);
	margin: 0px;
	line-height: .7;
	font-weight: 100;
	text-transform: uppercase;
	color: var(--rosa-pastel);
	transform: rotate(-10deg);
	z-index: 3;

	font-size: 12vw;
	color: var(--negro);
}
.banner > div > article > div .st0{
	fill: var(--rosa-pastel);
}

.banner > div > article > article{
	margin-top: -17vw;
	/*width: 44vw;
	height: 40vw;
	background-size: auto 100%;
	background-position: center center;*/
}
.banner > div > article > article > img{
	position: relative;
    width: 44vw;
}

/*****************************
 * 			BOTONES
 ****************************/
.botones{
	position: relative;
	background-color: var(--rosa-oscuro);
	width: 100%;
	box-sizing: border-box;
	padding-left: 14%;
	padding-right: 14%;

	padding-top: 2vw;
	padding-bottom: 2vw;
}
.botones > div{
	position: relative;
	width: 100%;
/*	top: -13vw;*/
}
.botones > div > article{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.botones > div > div{
	position: relative;
	width: 10vw;
	height: 10vw;
	margin-bottom: -6vw;
	right: 1vw;
}
.botones > div > div:nth-child(3){
	transform: rotate(190deg);
    margin-top: -7vw;
    margin-left: 88%;
    margin-bottom: 0px;
    right: 0px;
}
.botones > div > div .st0{
	fill: #FFF;
}
.botones > div > article > div{
	position: relative;	
	margin-left: 1.5vw;
	margin-right: 1.5vw;
	text-align: center;
}
.botones > div > article > div > a > div{
	position: relative;
	width: 18vw;
	height: 18vw;
	border-radius: 9vw;
	background-color: var(--rosa);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(234, 146, 161,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(234, 146, 161,0.75);
	box-shadow: 0px 0px 5px 0px rgba(234, 146, 161,0.75);
}
.botones > div > article > div > a > h2{
	color: #fff;
	font-weight: 500;
	font-size: 1.5vw;
}
.botones > div > article > div > a:hover > div{
	background-color: var(--rosa-fondo);
}
.botones > div > article > div > a:hover > h2{
	color: var(--rosa-fondo);
}
.botones > div > article > div:nth-child(3) > a > div > div .st1{
	fill: transparent;
}
.botones > div > article > div > a:hover > div > div path{
	fill: var(--rosa-oscuro);
}
.botones > div > article > div > a:hover > div > div .st0{
	fill: transparent;
}


/*****************************
 * 		  CONSIENTETE
 ****************************/
.consientete{
	position: relative;
	width: 100%;
	background-color: var(--rosa-fondo);
	z-index: 2;
	height: 47vw;
}
.consientete > article{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 23%;
	padding-right: 23%;
	padding-top: 13vw;
}
.consientete > article > h2{
	position: relative;
	font-weight: 700;
	font-size: 3vw;
	color: var(--rosa);
	line-height: 1;
	margin: 0px;
}
.consientete > article > h2 > span{
	color: var(--negro);
}
.consientete > article > h3{
	position: relative;
	font-size: 17vw;
	font-weight: 800;
	line-height: .8;
	margin: 0px;
}
.consientete > .galleta{
	position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 50%;
    top: 14vw;
    z-index: 3;
}
.consientete > .galleta > div{
	position: relative;
	width: 3vw;
	height: 3vw;
}
.consientete > .galleta > img{
	position: relative;
	width: 24vw;
/*	transform: rotate(160deg);*/
}

.consientete > .galleta-1{
	position: absolute;
	width: 23%;
	height: 23vw;
	top: -12vw;
	left: 5%;
}
.consientete > .galleta-1 > img{
	position: relative;
    width: 80%;
}
.consientete > .galleta-2{
	position: absolute;
/*	background-image: url(images/galletas-3.png);*/
    width: 20%;
    height: 14vw;
    top: -7vw;
    right: 10%;
/*    background-size: 100%;*/
/*	background-position: center center;*/
}
.consientete > .galleta-2 > img{
	position: relative;
    width: 80%;
}
.consientete > .galleta-3{
	position: absolute;
    width: 40%;
    height: 35vw;
    top: 22vw;
    left: 0vw;
    overflow: hidden;
}
.consientete > .galleta-3 > div{
	transform: rotate(20deg);
}
.consientete > .galleta-3 img{
	position: relative;
    transform: rotate(23deg);
    filter: blur(6px);
    width: 38vw;
    margin-left: -6vw;
}
.consientete > .galleta-4{
	    position: absolute;
    width: 23%;
    height: 42vw;
    top: -14vw;
    right: 0vw;
    overflow: hidden;
}
.consientete > .galleta-4 > div{
	transform: rotate(-24deg);
    top: -7vw;
    position: relative;
    left: -6vw;
}
.consientete > .galleta-4 img{
	position: relative;
    transform: rotate(-30deg);
    filter: blur(6px);
    width: 123%;
}
.consientete > .mano{
	position: absolute;
	bottom: 0px;
	width: 40%;
	height: 25vw;
	overflow: hidden;
	left: 46%;
}
.consientete > .mano > img{
	position: absolute;
    width: 100%;
    top: -7vw;
}

/*****************************
 * 		  DESCANSO
 ****************************/
.descanso{
	position: relative;
	width: 100%;
	height: 44vw;
	background-image: url(images/AMORCHIQUITO-77.jpg);
	background-size: cover;
	background-position: center center;
}
.descanso > div{
	position: relative;
	height: 20vw;
	top: 24vw;
	width: 100%;
}
/*****************************
 * 		  FONDO GRANDE
 ****************************/
.fondo-grande{
	position: relative;
	width: 100%;
	background-color:var(--rosa);
}
.fondo-grande > div{
	position: absolute;
	overflow: hidden;
    height: 90vw;
}
.fondo-grande > div:nth-child(1){
	width: 66%;
    top: 0vw;
    left: 0px;
}
.fondo-grande > div:nth-child(1) svg{
	transform: translate(-18vw, 12vw);
}
.fondo-grande > div:nth-child(2){
	width: 66%;
    top: 0vw;
    left: 34%;
}
.fondo-grande > div:nth-child(2) svg{
	transform: translate(28vw, 21vw);
}
.fondo-grande > div path{
	fill: var(--rosa-pastel);
}
.fondo-grande > div .st0{
	fill: transparent;
}
/*****************************
 * 		  NOSOTROS
 ****************************/
.fondo-grande > aside{
	position: relative;
    width: 2px;
    background-color: #FFF;
    height: 15vw;
    left: calc(50% - 1px);
    margin-top: -6vw;
}
/*****************************
 * 		  NOSOTROS
 ****************************/
.nosotros{
	position: relative;
	width: 59%;
	background-color: var(--negro);
	border: solid 3px var(--rosa);
	padding-bottom: 3vw;
	padding-top: 3vw;
	border-radius: 1.8vw;
	margin-left: 20.5%;
	top: -6vw;
}
.nosotros > div{
	position: relative;
	width: 45%;
	padding-left: 6%;
	display: inline-block;
	vertical-align: middle;
}
.nosotros > div > h2{
	position: relative;
	font-size: 8.5vw;
	font-weight: 100;
	font-family: var(--grimpt);
	color: var(--rosa-fondo);
	margin: 0px;
	transform: rotate(-7deg);
	line-height: .9;
}
.nosotros > div > h3{
	font-size: 1.8vw;
	font-weight: 600;
	color: var(--rosa);
	width: 70%;
	margin-bottom: 0px;
	margin-top: 1vw;
}
.nosotros > div > h1{
	font-size: 3.2vw;
	font-weight: 600;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 2vw;
}
.nosotros > div > p{
	font-size: .9vw;
	font-weight: 500;
	color: var(--rosa-fondo);
	width: 90%;
}
.nosotros > article{
	position: relative;
	width: 39%;
	height: 27vw;
	border: solid 2px var(--negro);
	border-radius: 1.8vw;
	background-position: center center;
	background-size: cover;
	margin-left: -17%;
    left: 20%;
	display: inline-block;
	vertical-align: middle;
}

/*****************************
 * 		  CONTACTO
 ****************************/
.contacto{
	position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(images/icono-1.svg);
    background-repeat: no-repeat;
    background-size: 17%;
    background-position: 73% 8vw;
    padding-bottom: 5vw;
}
.contacto > article{
	position: relative;
	width: 35vw;
	height: 35vw;
	border-radius: 18vw;
	background-color: var(--rosa-fondo);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 27vw;
	height: 27vw;
}
.contacto > article > h2{
	font-weight: 700;
	font-size: 3vw;
	margin-bottom: 0px;
}
.contacto > article > div{
	position: relative;
	width: 1px;
	height: 2vw;
	background-color: var(--negro);
	margin-bottom: 1vw;
	margin-top: -2vw;
}
.contacto > article > p{
	font-size: 1.2vw;
	font-weight: 300;
	margin: 0px;
	line-height: 2;
}
.contacto > article > img{
	position: relative;
	width: 143%;
	margin-top: -3vw;
	margin-top: 0vw;
}

/*****************************
 * 		  PRODUCTOS
 ****************************/
.productos{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.productos > article{
	position: relative;
	width: 450px;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 3vw;
	margin-bottom: 3vw;
}
.productos > article div{
	position: relative;
	width: 100%;
	height: 350px;
	border-radius: 10px;
	/*border:solid 2px #000;*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	background-image: url(images/AMORCHIQUITO-77.jpg);
}
.productos > article > h2{
	font-weight: 700;
	color: var(--rosa-pastel);
	font-size: 24px;
	margin-bottom: 0px;
}
.productos > article > p{
	font-size: 14px;
	color: var(--negro);
	font-weight: 400;
}
.productos > article > h3{
	font-weight: 400;
	color: var(--rosa-pastel);
	font-size: 24px;
	margin-top: 0px;
}
/*****************************
 * 		    ENTRADA
 ****************************/
.entrada{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 10vw;
	display: flex;
	padding-bottom: 5vw;
}
.entrada > aside{
	position: relative;
	width: 45%;
	padding-right: 5%;
}
.entrada > aside > h2{
	font-size: 1.3vw;
	letter-spacing: .1vw;
	color: var(--negro);
	font-weight: 500;
}
.entrada > aside > h2 > span{
	color: var(--rosa-pastel);
}
.entrada > aside > article{
	position: relative;
	width: 80%;
	margin-left: 20%;
	border-radius: 2vw;
	border:solid 2px var(--negro);
	height: 30vw;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	background-image: url(images/AMORCHIQUITO-77.jpg);
}
.entrada > aside > article > img{
	position: absolute;
	width: 8vw;
	left: -3vw;
	bottom: -3vw;
}
.entrada > article{
	position: relative;
	width: 33%;
	padding-right: 12%;
	padding-left: 5%;
}
.entrada > article > h1{
	font-size: 2vw;
	color: var(--rosa-pastel);
	font-weight: 700;
}
.entrada > article > h2{
	font-size: 1vw;
	color: var(--negro);
	font-weight: 700;
}
.entrada > article > p{
	font-size: .9vw;
	color: var(--negro);
	font-weight: 400;
	margin-bottom: 2vw;
}
.entrada > article > form{
	display: flex;
	flex-direction: column;
}
.entrada > article > form > p{
	font-size: .9vw;
	font-weight: 500;
	margin-bottom: .5vw;
	padding-left: 1vw;
	color: var(--negro);
}
.entrada > article > form > article{
	margin-top: 2vw;
}
.entrada select, .entrada input{
	background-color: var(--rosa-fondo);
	color: var(--negro);
	font-size: .9vw;
	font-family: var(--montserrat);
	height: 1.7vw;
	font-weight: 500;
	border:solid 1px var(--negro);
	width: 100%;
	position: relative;
	border-radius: .5vw;
	cursor: pointer;
}
.entrada input[type=number]{
	height: 1.5vw;
	width: 20%;
	text-align: center;
}
.entrada input[type=submit]{
	position: relative;
	width: 60%;
	background-color: var(--rosa-oscuro);
	color: var(--rosa-fondo);
	font-weight: 600;
	font-size: 1vw;
	padding: 7px;
	margin-top: 2vw;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 30px;
	border:solid 2px var(--negro);
	z-index: 10;
	letter-spacing: 2px;
	height: auto;
}
.entrada input[type=submit]:hover{
	background-color: var(--rosa-fondo);
	color: var(--rosa-oscuro);
	border-color: var(--rosa-oscuro);
}
/*****************************
 * 		  FOOTER
 ****************************/
footer{
	position: relative;
	background-color: var(--rosa);
	display: flex;
	padding-bottom: 70px;
	padding-top: 10vw;
}
footer > article{
	position: relative;
    display: flex;
    align-items: center;
    width: 370px;
    padding-left: 80px;
}
footer > article > div{
	position: relative;
	font-size: 55px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
}
footer > article > div:nth-child(3){
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	border-radius: 30px;
	background-color: #FFF;
}
footer > article > div > p{
	font-size: 8px;
	font-weight: 600;
	color: var(--rosa-pastel);
	margin: 0px;
}
footer > article > div > span{
	font-size: 15px;
}
footer > aside{
	position: relative;
    border-left: solid 1px #FFF;
    padding-left: 80px;
    padding-bottom: 20px;
    width: 370px;
}
footer > aside > h3{
	font-size: 16px;
	font-weight: 700;
}
footer > aside > p{
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
}
footer > aside > div{
	position: relative;
	display: flex;
	align-items: center;
	color: #FFF;
	padding-top: 40px;
}
footer > aside > div > h2{
	font-size: 16px;
	font-weight: 600;
	margin-right: 5px;
}
footer > aside > div > a{
	font-size: 22px;
	margin-left: 5px;
	margin-right: 5px;
}

.hamburger{
	display: none !important;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
	background-color: var(--rosa) !important;
}
.gracias{
	position: relative;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    padding-top: 15vw;
    padding-bottom: 14vw;
}
.gracias h1{
	font-size: 4vw;
	color: var(--azul-oscuro);
}
.gracias h2{
	font-size: 1.5vw;
	color: var(--azul);
}
@media (max-width: 480px){
	.hamburger{
		display: block !important;
		right: 17px !important;
    	top: 15px !important;
	}
	
	body > a{
		/*display: none;*/
		bottom: 30px;
	}
	header{
		justify-content: flex-start;
		height: 70px;
	}
	header article{
		scale: .7;
		display: flex;
	}	
	header > nav{
		position: fixed;
		width: 100%;
		height: 100vh;
		background-color: var(--rosa-fondo);
		flex-direction: column;
		justify-content: flex-start;
		top: 70px;
		padding-top: 25vw;
		display: none;
	}
	header > nav > a{
		font-size: 7vw;
		line-height: 2.5;
	}
	header > nav article{
		display: none;
	}
	.banner{
		margin-top: 70px;
	}
	.banner > aside .frame{
		height: 80vw;
	}
	.botones{
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
	.botones > div > div{
		width: 20vw;
		height: 20vw;
		right: 6vw;
	}
	.botones > div > div:nth-child(3){
		right: 7vw;
	}
	.botones > div > article > div > a > div{
		width: 27vw;
		height: 27vw;
		border-radius: 17vw;
	}
	.botones > div > article > div > a > h2{
		font-size: 4vw;
	}
	.consientete{
		height: auto;
	}
	.consientete > article{
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 28vw;
		padding-bottom: 28vw;
	}
	.consientete > article > h2{
		font-size: 6vw;
	}
	.consientete > article > h3{
		font-size: 26vw;
	}
	.consientete > .galleta{
		top: 33vw;
	}
	.consientete > .galleta > img{
		width: 35vw;
	}
	.consientete > .mano{
		width: 56%;
		left: 44%;
		top: 34.5vw;
		height: 63vw;
	}
	.consientete > .mano > img{
		top: 0vw;
		left: 2vw;
	}
	.consientete > .galleta-3{
		top: 70vw;
	}
	.consientete > .galleta-1{
		width: 28vw;
		height: 28vw;
	}
	.descanso{
		height: 70vw;
	}
	.nosotros{
		width: 80%;
		margin-left: 10%;
		top: -12vw;
		border-radius: 5vw;
		padding-bottom: 8vw;
	}
	.nosotros > div{
		width: 100%;
		box-sizing: border-box;
		padding-left: 10%;
		padding-right: 10%;
	}
	.nosotros > div > h2{
		font-size: 20vw;
		padding-top: 3vw;
		padding-bottom: 6vw;
	}
	.nosotros > div > h3{
		font-size: 5vw;
		width: 100%;
	}
	.nosotros > div > h1{
		font-size: 4vw;
	}
	.nosotros > div > p{
		font-size: 3.5vw;
		width: 100%;
	}
	.nosotros > article{
		width: 80%;
		margin-left: 10%;
		left: 0px;
		height: 70vw;
	}
	.fondo-grande > aside{
		margin-top: -6vw;
	}
	.contacto{
		background-position: 91% 50vw;
		padding-bottom: 15vw;
	}
	.contacto > article{
		width: 70vw;
		height: 70vw;
		border-radius: 35vw;
	}
	.contacto > article > img{
		width: 125%;
	}
	.contacto > article > h2{
		font-size: 6vw;
	}
	.contacto > article > div{
		height: 5vw;
	}
	.contacto > article > p{
		font-size: 4vw;
		font-weight: 500;
	}
	footer{
		flex-direction: column;
	}
	footer > article, footer > aside{
		width: 100%;
		padding-left: 10%;
		padding-right: 10%;
		box-sizing: border-box;
		justify-content: center;
	}
	footer > aside > h3{
		font-size: 5vw;
		text-align: center;
	}
	footer > aside > p{
		font-size: 4vw;
		text-align: center;
	}
	footer > aside > div{
		padding-top: 0px;
		justify-content: center;
		padding-top: 6vw;
	}
	footer > aside > div > h2{
		font-size: 5vw;
		display: none;
		justify-content: center;
	}
	footer > aside > div > a{
		font-size: 7vw;
		margin-left: 2vw;
		margin-right: 2vw;
	}
	.productos{

	}
	.entrada{
		flex-direction: column;
		padding-top: 25vw;
	}
	.entrada > aside > h2{
		font-size: 4vw;
	}
	
	.entrada > aside, .entrada > aside, .entrada > article{
		width: 100%;
		padding: 0px;
	}
	.entrada > aside > article{
		width: 100%;
		margin: 0px;
		height: 70vw;
	}
	.entrada > article > h1{
		font-size: 5vw;
	}
	.entrada > article > h2{
		font-size: 4vw;
	}
	.entrada > article > p, .entrada > article > form > p{
		font-size: 3vw;
	}
	.entrada select, .entrada input, .entrada input[type=number]{
		font-size: 3vw;
		height: 7vw;
		border-radius: 3vw;
	}
	.entrada input[type=submit]{
		font-size: 3vw;
		margin-top: 4vw;
	}
	.entrada > article > form > article{
		margin-top: 4vw;
	}
}


a{
	text-decoration: none;
	color: inherit;
}

#primary, #secondary{
	display: none;
}