@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:Arial, Helvetica, sans-serif; background-color:#fff;text-align:center; font-family: 'Lato', sans-serif;}
:focus {outline-style:none;}
* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight: normal;}

.container { width:100%; max-width:800px; height:60vh; top:10vh; margin:auto; position:relative}
.container .img-desktop { width:46%; margin-right:4%; float:left;}
.container .img-mobile { display:none;}
.container .testo { width:50%; float:left; font-size:16px; line-height:25px; font-weight:300; color:#000; text-align:left; }
.container .testo a { font-weight:700; text-decoration:none; color:#000;}
.container .testo a:hover { font-weight:700; text-decoration:none; color:#999;}
.container .testo span { text-transform:uppercase; font-size:12px; letter-spacing:8px; font-weight:400}


@media screen and (max-width: 559px) {
	.container { width:100%; max-width:800px; height:auto; top:auto;}
	.container .img-desktop { display:none;}
	.container .img-mobile { width:92%; margin:15px 4%; float:left; display:block;}	
	.container .testo { text-align:center;}
	.container .testo { width:92%; margin:15px 4% 0 4%;}
}