@import url(https://fonts.googleapis.com/css?family=Montserrat);

body {
	background: #fff;
	color: #000;
	width: 100%;
    margin: 0px;
    font-family: 'Montserrat';
}
#container {
    width: 500px;
    margin: 0px auto;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
#img-logo {
	margin-bottom: 38px;
	text-align: center;
}
#img-logo img {
    width: 70%;
}
#buttons {
	text-align: center;
}
#buttons .button {
	border: 2px solid #000;
	width: 140px;
    padding: 8px;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0px 10px;
    cursor: pointer;
}
#buttons .button:hover {
	background: #000;
	color: #fff;
}
#buttons .button a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
    letter-spacing: 2px;
}
#buttons .button:hover a {
	color: #fff;
}

@media (max-width: 500px) {
	#container {
		width: 80%;
	}
	#img-logo img {
		width: 80%;
	}
	#buttons .button {
		display: block;
		margin: 13px auto;
    	width: 180px;
	}
}