html, body, div, applet, object, iframe, img, h1, h2, p, img,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, 
center, i{font-family: 'Ubuntu', sans-serif;border:0;outline:0;color: black;text-decoration:none; font-size:14px; line-height: 20px; font-weight: 400; color: rgba(0,0,0,1);}
*{margin:0;padding:0}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-weight: bold; font-style: normal;}
hr{border:0;color:#FFFFFF;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
a{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:hover{opacity: 0.6; }

.confondo{background: url(fons.jpg) center center no-repeat; background-size: cover; height: 100vh; max-height: 100vh; width: 100%; display: inline-flex; align-items: center;}

@keyframes headanim { 0% { opacity: 0; } 100% { opacity: 1; } }
.contenido{width: 50%; padding-top: 40px; text-align: center; margin: auto; animation: headanim 2s ease-in-out;}
.contenido .logo{width: 200px; height: auto; margin-bottom: 120px}
.contenido h1, .contenido h1 a{color: white; font-weight: 300; font-size: 18px; line-height: 1.2em;}
.contenido h1 a{text-decoration: underline;}
.contenido p, .contenido a{color: white; font-size: 16px; margin-bottom: 20px;}
.boton{ padding: 20px 40px 20px 40px; margin: 0 auto; background-color: white; border-radius: 5px; color: rgba(6,11,68,0.9)!important; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; display: block; max-width: 200px;margin-top: 120px; line-height: 0;}
.boton:before{content:''; display: inline-block; margin-right: 20px; width: 20px; height: 20px; background: url(private.svg) center center no-repeat; background-size: contain; vertical-align: sub;}

footer{width: 100%; padding: 40px 40px 20px 40px; box-sizing: border-box; background-color: rgba(6,11,68,0.9)!important;}
footer > div{width: 100%; display: inline-flex; justify-content: space-between; align-items: flex-start; }
footer > div > div{width: 45%; color: white}
footer h3{color: white; font-weight: bold; margin-bottom: 20px;}
footer  > div > div:nth-child(2) > div{display: block; text-align: right; margin-bottom: 20px}
footer img{max-width: 150px; margin-bottom: 20px; max-height: 70px;}

@media screen 
and (max-width : 1024px) 
and (min-width : 769px) 
{
}


@media screen 
and (max-width : 768px)
{
	.contenido{width: 90%;}
}