@charset "utf-8";
@import url(reset.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext');

*{
font-size:16px;
font-family:'Roboto', arial, tahoma, sans-serif;
transition: all 0.25s;
}

body{
margin:0px;
padding:0px;
background:url(../bg.jpg) no-repeat left top;
background-size:cover;
}

div.container{
width:400px;
margin:0px auto;
padding:0px;
position:relative;
max-width:100%;
}

div.wrapper{
width:calc(100% - 40px);
position:relative;
float:left;
margin:130px 0 0 0;
padding:0px 20px 50px 20px;
text-align:center;
background:url(../white-trans.png) repeat;
}

.logo{
width:100%;
float:left;
text-align:center;
padding:30px 0px;
}

.logo img{
width:180px;
}

p{
width:100%;
float:left;
text-align:center;
font-size:2em;
color:black;
line-height:1.5em;
}

.topp{
margin-top:30px;
}

.details{
width:100%;
float:left;
text-align:center;
font-size:1.4em;
color:black;
line-height:1.5em;
margin-top:30px;
}

.details a{
font-size:1em;
color:black;
}

.details a:hover{
text-decoration:underline;
}

strong{
font-size:1.2em;
}

@media screen and (max-width: 1200px){

div.wrapper{
margin:50px 0 0 0;
}

}

@media screen and (max-width: 360px){
div.container{
width:300px;
}
}