/* Vita */

* {margin: 0; padding: 0; box-sizing: border-box; text-align: justify;}
*:focus {outline: 0;}

html {background: rgb(0,0,0); color: rgb(200,200,200); font-size: 1em; font-family: 'Lato', sans-serif; font-weight: 300; width: 100%; height: 100%;}

body {height: 100%;}

#text {padding: 0px 50px; min-height: 650px; position: relative; top: 46%; transform: translateY(-50%);}

h3 {text-transform: uppercase; font-weight: 300; float: left; width: 100%; margin-top: 20px;}
strong {text-transform: uppercase;}

.secret {width: 150px; height: auto; margin-top: 15px; float: right;}

#container-wrapper {}

#container-left, #container-right {width: 47%; height: auto; padding: 10px; line-height: 1.8; float: left;}

#container-left {padding-left: 0;}

@media all and (max-width: 430px) {
header img {margin-top: 15px;}
header {padding: 0px 30px;}
#text {padding: 20px 30px;}
}

a {color: rgb(200,200,200); text-decoration: none;}


@media all and (max-width: 670px) {	
#container-left, #container-right {width: 100%;}
#container-left {padding-left: 10px;}
.secret {float: none; margin-top: 25px;}
}