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

*{
	margin:0;
	padding:0;
}

div{
	display:block;
}

#container{
	min-width:300px;
	max-width:500px;
	width:100%;
/*	min-height:300px;
	height:auto;
	display: flex;*/
	justify-content: center;
	align-items: center;	
	margin: 50vh auto 0;
	transform: translateY(-50%);
}

.box1{
	padding:30px;
}

.logo{
	padding-top:100%;
	background:url(images/tops-logo.png) no-repeat;
	background-size:cover;
	background-position:center top;	
	width:100%;
	max-width:500px;
}

.emblema{
	font-family: 'Emblema One', cursive;
}

.teko{
	font-family: 'Teko', sans-serif;
}

h1{
	margin-top:20px;
}

h1,p {
	text-align:center;
}