/*@font-face {
    font-family: 'Avant';
    src: url('fonts/avant.otf'), url('fonts/avant.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avant';
    src: url('fonts/avant-o.otf'), url('fonts/avant-o.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}*/
html {
	font-family: 'Open Sans', sans-serif;
	font-size: 62.5%;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4 {
/*	font-family: 'Open Sans', sans-serif;*/
}

.telf-link {
	position: fixed;
	z-index: 10;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(img/llamanos.png) center center no-repeat rgba(210,210,210,.6);
	border: .3rem solid #777;
	border-right: 0;
	width: 5.5rem;
	height: 6.7rem;
	padding: .6rem;
	font-size: 4rem;
	color: #555;
	transition: all .3s ease-in-out;
}
.telf-link:hover {
	padding: .6rem 1.4rem;
	background-color: #fff;
	color: #000;
}
.wrapper {
	position: relative;
	width: 100%;
	max-width: 128rem;
	margin: 0 auto;
}
body > .wrapper:first-of-type {
	padding-top: 8.6rem;
}
body.mini > .wrapper:first-of-type {
	/*padding-top: 6.2rem;*/
	padding-top: 0;
}
header {
/*	font-family: 'Open Sans', sans-serif; */
	box-shadow: 0 .3rem .5rem -.55rem #888;
	background-color: white;
	width: 100%;
	max-width: 128rem;
	font-size: 0;
	margin: 0 auto;
}
header .logo {
	transition: all .33s ease-in-out;
	/*padding: 1.2rem 0;*/
	padding: 0;
	margin: 0;
	text-indent: -100rem;
	overflow: hidden;
	width: 8.9rem;
	height: 6.2rem;
	background: url(img/logo.png) no-repeat center center;
	display: inline-block;
	vertical-align: middle;
}
.menuheader:hover {
	opacity: 1;
}
.menuheader {
	transition: all .6s;
	opacity: .89;
	z-index: 10;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: white;
	width: 100%;
}
header .menu-open {
	display: none;
}
header .menu-email {
	display: inline-block;
	font-size: 3.6rem;
	width: 5rem;
	vertical-align: middle;
	text-align: center;
	animation: email 9s infinite;
}
header .menu-email img {
	max-height: 80px;
	width: auto;
}
header .menu-email a {
	color: #333;
}

header .menu {
	text-align: center;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 19rem);
	padding: 0;
	margin: 0;
}
header .menu li {
	display: inline-block;
	vertical-align: middle;
}
header .menu li a {
	display: inline-block;
	vertical-align: middle;
	padding: .4rem 1.6rem;
	font-size: 1.6rem;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	transition: all .2s ease-in-out;
	border: .3rem solid transparent;
	/*border-radius: 1rem;*/
}
header .menu li a:hover {
	color: #555;
	border: .3rem solid #777;
	transition: all .4s ease-in-out;
}
header .menu li a.tv:hover {
	border-color: #009ec1;
	color: #009ec1;
}
header .menu li a.clinic:hover {
	/*border-color: #7cb800;
	color: #7cb800;*/
	border-color: #00b8e0;
	color: #00b8e0;
}
header .menu li a.fundas:hover {
	border-color: #d53824;
	color: #d53824;
}
header .menu li a.fboxtalk:hover {
	border-color: #570495;
	color: #570495;
}
header .menu li a.black:hover {
	border-color: #000;
	color: #000;
}
.slider {
	width: 100%;
	position: relative;
}
.slider.text {
	padding: 5rem;
	max-width: 128rem;
	margin: 0 auto;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.slider img {
	width: 100%;
	height: auto;
}
.slider video {
	cursor: pointer;
	width: 100%;
	/*height: calc(100vh - 6.2rem);*/
	height: auto;
}
.slogan {
	font-size: 0;
	margin: 2rem 0;
}
.slogan .icons {
	font-size: 5rem;
	width: 7rem;
	height: 7rem;
	display: inline-block;
	vertical-align: middle;
}
.slogan .icons .fas {
	color: white;
	background-color: black;
	border-radius: 50%;
	width: 100%;
	padding: 1rem;
	text-align: center;
	box-sizing: border-box;
}
.slogan .text {
	font-size: 2rem;
	width: calc(100% - 14rem);
	display: inline-block;
	vertical-align: middle;
}
.slogan .text * {
	text-transform: uppercase;
	font-size: 2.6rem;
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: 700;
}
.box {
	margin: 1rem 0;
	position: relative;
	font-size: 0;
	height: 87vh;
	min-height: 70rem;
}

.box.patrocinadores {
	height: auto;
	min-height: auto;
}
.box .wrapper1 {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.box h3,
.full-box h3 {
	margin: 0;
	padding: 0;
	font-weight: 800;
	font-size: 2.4rem;
}
.box p:first-of-type strong,
.full-box p:first-of-type strong {
	font-weight: 600;
	font-size: 2rem;
}
.box p:first-of-type,
.full-box p:first-of-type {
	margin: 0;
	padding: 0;
	margin-bottom: 3rem;
}



.placeholder {
	display: inline-block;
	position: absolute;
	padding: 10rem 24rem;
	vertical-align: middle;
	border: .1rem solid #aaa;
	color: #aaa;
	text-transform: uppercase;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}
.button {
/*	font-family: 'Open Sans', sans-serif;*/
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding: 1rem 2rem;
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: 700;
}
.button.yellow {
	background-color: #ffb43b;
	color: white;
}
.button.yellow:hover {
	background-color: #ff9d00;
	color: white;
}
.button.white:hover {
	background-color: #fff;
	color: #000;
}
.button.white {
	background-color: #73b4dd;
	color: white;
}
.button.white:hover {
	background-color: #fff;
	color: #000;
}
.button.blue {
	background-color: #00b8e0;
	color: white;
}
.button.blue:hover {
	background-color: #009ec1;
	color: white;
}

.button.bluenew {
	background-color: #73b4dd;
	color: white;
}
.button.bluenew:hover {
	background-color: #009ec1;
	color: white;
}
.button.green {
	background-color: #8fd400;
	color: white;
}
.button.green:hover {
	background-color: #7cb800;
	color: white;
}
.button.violeta {
	background-color: #8000df;
	color: white;
}
.button.violeta:hover {
	background-color: #570495;
	color: white;
}
.button.red {
	background-color: #f54029;
	color: white;
}
.button.red:hover {
	background-color: #d53824;
	color: white;
}
.box .left,
.box .right {
	display: inline-block;
	vertical-align: top;
	font-size: 1.8rem;
}
.box.tv {
	background: url(img/background.png) top left no-repeat #f2f2f2;
	background-size: cover;
	padding: 3rem 1rem;
}
.box.tv .left {
	width: 50%;
}
.box.tv .left img {
	width: 100%;
	height: auto;
}
.box.tv .right {
	box-sizing: border-box;
	padding: 6rem 16rem 0 16rem;
	width: 50%;
	text-align: center;
}
.box.clinic {
	background-color: #fff;
	overflow: hidden;
}
.box.clinic .aux {
	width: 65%;
	margin: 0 auto;
}
.box.clinic * {
	box-sizing: border-box;
}
.box.clinic .left {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 3rem 0;
	text-align: center;
}
.box.clinic .right {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding-left: 2rem;
}
.box.clinic .right img {
	width: 100%;
	height: auto;
	display: block;
}
.box.clinic .left p:not(:first-of-type) {
	padding: 1.2rem 4.4rem;
	margin: 0;
} 
.box.fundas .left img {
	width: 100%;
	height: auto;
}
.box.fundas {
	padding-top: .5rem;
}
.box.fundas,
.box.fundas .left,
.box.fundas .right {
	padding-bottom: 0;
	vertical-align: middle;
}
.box.fundas .right {
	box-sizing: border-box;
}
.box.fundas .right p {
	margin: 0 4rem 4rem 4rem;
}
.box.universo {
	background: url(img/background2.jpg) center top no-repeat #f0f3f2;
	background-size: cover;
	position: relative;
	font-size: 0;
	padding: 2rem;
}
.box.universo h3 {
	font-size: 4rem;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	margin: 2rem 0;
}
.adornos-universo .adorno {
	background:#f0f3f2;
	display: inline-block;
	width: 50%;
	height: 4rem;
	vertical-align: top;
}
.adornos-universo .adorno.left {
	border-radius: 0 3rem 0 0;
}
.adornos-universo .adorno.right {
	border-radius: 3rem 0 0 0;
}
.adornos-universo {
	font-size: 0;
	margin: 1rem 0 -1rem 0;
}
.box.universo .left {
	width: 65%;
}
.box.universo .center {
	width: 45%;
	max-width: 60rem;
	margin: 0 auto;
	position: relative;
	font-size: 1.85rem;
	line-height: 1.5;
}
.box.universo .right {
	text-align: right;
	width: 35%;
}
.box.universo .right img {
	width: 96%;
	height: auto;
}
.box.patrocinadores {
	margin: 4rem 0;
	position: relative;
	font-size: 1.6rem;
}
.box.patrocinadores .placeholder {
	padding: 5rem 38rem;
	left: 5%;
}
.needles {
	position: relative;
	font-size: 0;
	text-align: center;
}
.needles h3 {
	font-size: 3.6rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin: 4rem 0;
}
.needles > *:not(h3) {
	display: inline-block;
	vertical-align: middle;
	/*width: 33.3334%;*/
	width: 25%;
	font-size: 1.6rem;
	/*max-width: 30rem;*/
}
.needles img {
	display: inline-block;
	width: 100%;
}
.needles .button {
	position: relative;
	top: -4.8rem;
}
.needles a {
	width: auto;
}

footer {
	width: 100%;
	margin-top: -3.2rem;
	font-size: 0;
}
footer .footer-wrapper {
	background: #333;
}
footer strong {
	font-weight: 800;
}
footer .section {
	box-sizing: border-box;
	position: relative;
	padding: 3rem;
	padding-top: 4rem;
}
footer .section.a {
	max-width: 128rem;
	margin: 0 auto;
	background: #333;
	color: #fff;
}
footer .section.a .col {
	display: inline-block;
	vertical-align: top;
	font-size: 1.4rem;
	width: 20%;
	/*letter-spacing: .1rem;*/
}
footer .section.a a {
	color: #ccc;
	text-decoration: none;
}
footer .section.a a:hover {
	color: #fff;
	text-decoration: none;
}
footer .section.a .subfooter {
	margin-top: 4rem;
}
footer .section.a .subfooter * {
	font-weight: 700;
	font-size: 1.4rem;
	text-align: center;
	margin: 0;
	padding: 0;
}
footer .section.a .bigger {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.4;
}
footer .section.b {
	min-height: 10rem;
}
footer .section.b .placeholder {
	font-size: 1.6rem;
	padding: 3rem 38rem;
}
footer .section.c {
	background: #333;
	color: white;
}
footer .section.c .left,
footer .section.c .right {
	display: inline-block;
	letter-spacing: .1rem;
	vertical-align: middle;
	font-size: 1.2rem;
}
footer .section.c .left {
	width: 75%;
	font-size: 1.6rem
}
footer .section.c .right {
	width: 25%;
	text-align: right;
}
footer .section.c .right p {
	margin: 0;
	padding: 0;
}


.partners {
	text-align: center;
	padding: 2rem;
}
.partners img {
	margin: 0 2rem;
	vertical-align: middle;
	max-width: calc(20% - 5rem);
}
.partners img:first-child {
	max-width: calc(17% - 5rem);
}
.premios {
	text-align: center;
	padding: 2rem;
}
.premios img {
	max-width: 80%;
}



.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0,0,0,.7);
}
.modal .wrapped {
	border-radius: .3rem;
	position: absolute;
	background-color: white;
	width: 95%;
	max-width: 70rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 2rem -.3rem black;
	max-height: 90%;
	overflow-y: auto;
	overflow-x: hidden;
}
.modal.pdf .wrapped {
	max-width: 92rem;
}
.modal .close {
	position: absolute;
	top: 2rem;
	right: 4rem;
	font-size: 2.4rem;
	cursor: pointer;
}
.modal .title {
	padding: 2rem 4rem;
	font-size: 2.4rem;
	font-weight: bold;
}
.modal .auxiliar {
	margin: 2rem 4rem;
	font-size: 2rem;
	line-height: 2;
}
.modal .auxiliar.small {
	font-size: 1.4rem;
	margin-bottom: -1.4rem;
}
.modal .form * {
	box-sizing: border-box;
}
.modal .form {
	padding: 2rem 4rem;
	font-size: 1.8rem;
}
.modal .form label,
.modal .form input,
.modal .form textarea {
	display: block;
	width: 100%;
	font-size: 1.8rem;
	border: .1rem solid #00b8e0;
	padding: .4rem 1rem;
}
.modal .form label {
	border: 0;
	margin-top: 1.6rem;
}
.modal .form .formbutton {
	text-align: center;
}
.modal .form input,
.modal .form textarea {
	opacity: .7;
	color: #555;
	font-weight: 300;
	font-size: 1.6rem;
}
.modal .form input:focus,
.modal .form input:active,
.modal .form textarea:focus,
.modal .form textarea:active {
	opacity: 1;
	color: #000;
}
#clinic.full-box .inner-full-box.img.responsive {
	display: none;
}
#clinic.full-box .inner-full-box.img.desktop {
	display: inline-block;
	border-left: 1rem white solid;
}
.separadorabajo {
	margin: 3rem auto;
	max-width: 128rem;
	font-size: 2rem;
	padding: 3rem;
	text-align: center;
}

table.tipos {
	width: 100%;
	border: .1rem solid black;
}
table.tipos tr:not(:last-child) td,
table.tipos tr th {
	border-bottom: .1rem solid black;
}
table.tipos .title {
	background-color: #eee;
	font-size: 1.2em;
	padding: 1.2rem;
}
table.tipos i {
	font-size: 0.65em;
	font-weight: normal;
}


.adaptable {
	width: 90%;
	height: auto;
	max-width: 128rem;
	position: relative;
	display: block;
	margin: 0 auto;
	background-color: white;
	padding: 2rem;
	border-radius: .4rem .4rem 0 0;
}
.full-box {
	width: calc(100% - 2rem);
	position: relative;
	font-size: 0;
	margin: 1rem;
	background-color: #333;
	color: #fff;
}
.full-box.notop {
	margin-top: -1rem;
}
.full-box .inner-full-box {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	padding: 0;
	color: #fff;
}
.full-box .inner-full-box.img {
	width: 50%;
	background-color: white;
}
.full-box .inner-full-box.img:nth-child(2) {
	text-align: right;
}
.full-box .inner-full-box .text {
	width: 50%;
	max-width: 40rem;
	font-size: 1.8rem;
	position: relative;
	margin: 0 auto;
	color: #fff;
}
.full-box.four > h2 {
	font-size: 3rem;
	margin: 0;
    padding: 3rem 0;
	text-align: center;
}
.full-box.four .inner-full-box {
	width: calc(100% / 3);
	vertical-align: top;
}
.full-box.four .inner-full-box .text.big {
	width: 85%;
	max-width: initial;
}
.full-box.four .inner-full-box .text h3 {
	color: #b0defa;
	text-shadow: .1rem .1rem .1rem black;
}
.full-box.four .inner-full-box .text strong {
	color: #73b4dd;	
}
.full-box .inner-full-box .text.big {
	width: 70%;
	max-width: 65rem;
	font-size: 1.6rem;
	text-align: left;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.full-box .inner-full-box img {
	max-width: 100%;
	height: auto;
	max-height: 98vh;
}
.full-box .inner-full-box:nth-child(2) img {
	border-left: 1rem solid white;
}
.full-box .inner-full-box:nth-child(1) img {
	border-right: 1rem solid white;
}
#tv.full-box .inner-full-box:nth-child(1) img {
	border: 0;
}
#tv.full-box .inner-full-box:first-child {
	background: url(img/fondo-tv-desenfocado.jpg) no-repeat center center;
    background-size: auto auto;
	background-size: cover;
	border-right: 1rem white solid;
	width: calc(50% + 1rem);
}
#tv.full-box .inner-full-box:nth-child(2) {
	width: calc(50% - 1rem);
}

#fundas.full-box .inner-full-box:nth-child(1) img {
	border: 0;
}
#fundas.full-box .inner-full-box:first-child {
	/*background: url(img/fondo-tv-desenfocado.jpg) no-repeat center center;*/
    background-size: auto auto;
	background-size: cover;
	border-right: 1rem white solid;
	width: calc(50% + 1rem);
}
#fundas.full-box .inner-full-box:nth-child(2) {
	width: calc(50% - 1rem);
}

#fboxtalk1.full-box .inner-full-box:nth-child(1) img {
	border: 0;
}
#fboxtalk1.full-box .inner-full-box:first-child {
	/*background: url(img/fondo-tv-desenfocado.jpg) no-repeat center center;*/
    background-size: auto auto;
	background-size: cover;
	border-right: 1rem white solid;
	width: calc(50% + 1rem);
}
#fboxtalk1.full-box .inner-full-box:nth-child(2) {
	width: calc(50% - 1rem);
}
.full-box.grey {
	/*background-color: #f2f2f2;*/
	background-color: #333;
}
.full-box.grey.tv .inner-full-box:first-child {
	padding: 13rem 12rem;
}

.full-box.grey.background {
	background: url(img/background.png) top right no-repeat #333;
}






@media (max-width: 1270px) {
	header .menu li a {
		padding: .4rem .8rem;
	}
	.full-box.full-box .inner-full-box.inner-full-box {
		width: 100%;
		padding: 0;
	}
	.full-box.full-box .inner-full-box.inner-full-box img {
		width: 100%;
		max-height: 100%;
	}
	#tv.full-box.full-box .inner-full-box.inner-full-box img {
		width: 70%;
		max-height: 100%;
		margin: 3rem 0;
	}
	#fundas.full-box.full-box .inner-full-box.inner-full-box img {
		width: 70%;
		max-height: 100%;
		margin: 3rem 0;
	}
	#fboxtalk1.full-box.full-box .inner-full-box.inner-full-box img {
		width: 70%;
		max-height: 100%;
		margin: 3rem 0;
	}
	.full-box.full-box .inner-full-box.inner-full-box:first-child {
		border: 0;
	}
	.full-box.full-box .inner-full-box.inner-full-box:not(.img) {
		padding: 3rem;
	}
	.full-box.grey.tv .inner-full-box:first-child {
		padding: 0;
	}
	.full-box .inner-full-box img {
		border: 0 !important;
	}
}

@media (max-width: 1024px) {
	.full-box .inner-full-box {
		width: 100%;
	}
	header {
		left: 0;
		transform: none;
	}
	header .menu {
		text-align: center;
	}
	header .menu li a {
		padding: .4rem .6rem;
		font-size: 1.6rem;
	}
	.box.universo .center {
		width: 65%;
	}
	.full-box .inner-full-box.inner-full-box .text {
		width: 95%;
		max-width: 50rem;
	}
}

@media (max-width: 960px) {
	.slogan .text * {
		font-size: 2rem;
	}
	.slider video {
		margin-top: 7.5rem;
	}
	
	#tv.full-box .inner-full-box.inner-full-box {
		width: 100%;
		border: 0;
	}
	
	#fundas.full-box .inner-full-box.inner-full-box {
		width: 100%;
		border: 0;
	}
	
	#fboxtalk1.full-box .inner-full-box.inner-full-box {
		width: 100%;
		border: 0;
	}
	
	#clinic.full-box .inner-full-box.img.responsive {
		display: block;
	}
	#clinic.full-box .inner-full-box.img.desktop {
		display: none;
	}
	.partners img:first-child {
		max-width: 32%;
	}
	footer .section.b.b {
		padding: 0;
		min-height: auto;
	}
	footer .premios {
		padding: 1rem;
	}
	footer .premios img {
		max-width: 100%;
	}
	.partners img {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.box {
		height: auto;
		min-height: auto;
	}
	.box .wrapper1 {
		top: initial;
		transform: none;
	}
	.needles :not(h3) {
		padding: 0;
	}
	.partners img {
		max-width: 32%;
	}
	.box .left, 
	.box .right {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.box.universo .center {
		width: 95%;
	}
	header .menu li a {
		padding: .4rem .5rem;
		font-size: 1.4rem;
	}
	.placeholder,
	.box.patrocinadores .placeholder,
	footer .section.b .placeholder  {
		position: relative;
		top: initial;
		left: initial;
		transform: none;
		padding: 0;
		width: 100%;
		height: 20rem;
		box-sizing: border-box;
	}
	.box .left img, 
	.box .right img {
		width: 100% !important;
	}
	.box .left p, 
	.box .right p {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	.button,
	.needles *:not(h3) {
		font-size: 1.2rem;
	}
	.needles h3 {
		font-size: 2.8rem;
	}
	.slider video {
		width: 100%;
		height: auto;
	}
	.box.clinic .right {
		display: none;
	}
}

@media (max-width: 860px) {
	header .menu li a {
		padding: .4rem .8rem;
		font-size: 1.25rem;
	}
}
@media (max-width: 768px) {
	header .menu-email {
		margin-left: 20%;
	}
	body header .menu-open {
		display: inline-block;
		font-size: 3rem;
		color: #444;
		text-decoration: none;
		position: absolute;
		top: 2.6rem;
		right: 3rem;
		transition: all .33s ease-in-out;
	}
	body.mini header .menu-open {
		top: 1.4rem;
	}
	.slogan .text * {
		font-size: 1.6rem;
	}
	header .menu {
		display: none;
		z-index: 20;
		position: absolute;
		top: 6.4rem;
		right: 0;
		text-align: left;
		background-color: white;
		width: 70%;
		border: .1rem solid #aaa;
		min-width: 32rem;
		box-shadow: 0 0 .4rem #aaa;
	}
	header .menu li {
		display: block;
		border-bottom: .1rem solid #aaa;
	}
	header .menu li:last-child {
		border-bottom: 0;
	}
	header .menu li a {
		display: block;
		padding: 1rem 1.4rem;
		border-radius: 0;
		font-size: 1.6rem;
	}
	header .menu li a:hover::after {
		content: "\f35a";
		margin-left: 2rem;
		font-family: "Font Awesome 5 Free";
	}
	.wrapper {
		min-width: 36rem;
	}
	.needles h3 {
		font-size: 2rem;
	}
	.needles *:not(h3)  {
		box-sizing: border-box;
		width: 100%;
		padding: 0;
		display: block;
	}
	.needles a.button {
		padding: 3rem 1rem;
		font-size: 2rem;
	}
	.needles *:not(h3) img {
		height: auto;
	}
	.box.tv {
		padding: 0;
	}
	footer .section.a .col {
		width: 50%;
	}
	footer .section.a .col:first-child {
		width: 100%;
		margin-bottom: 2rem;
	}
	footer .section.a .col p:empty {
		display: none;
	}
}

@media (max-width: 520px) {
	header .menu {
		width: 100%;
		font-size: 1.4rem;
	}
	.slogan .text * {
		font-size: 1.2rem;
	}
	.slogan .icons {
		font-size: 3rem;
		width: 5rem;
		height: 5rem;
	}
	.slogan .text {
		width: calc(100% - 10rem);
	}
}
@keyframes email {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}