@font-face {font-family: Montserrat; src: url('fonts/montserrat_regular.ttf');}
@font-face {font-family: MontserratExtraBold; src: url('fonts/montserrat_extrabold.ttf');}

html, body {margin: 0; padding: 0;}
body {background: #fff; font-family: Montserrat, Arial; font-size: 14px; color: #253069;}
img {border: none;}
input, textarea {font-family: Karla, Arial; outline: none; border-radius: 0; -webkit-appearance: none;}

#logo {margin: 50px 0 0 0; font-family: MontserratExtraBold, Arial; font-size: 120px; color: #253069; text-align: center;}
#logo span {color: #d6372e;}
#logo_mobile {display: none; margin: 50px 0 0 0;}
#logo_mobile img {display: block; width: 80%; margin: 0 10%;}
#text {font-size: 20px; color: #253069; text-align: center;}
#tags {margin: 10px 0 0 0; font-size: 14px; font-weight: bold; color: #999; text-align: center;}
#tags span {padding: 0 10px;}
#buttons {overflow: auto;}
#buttons #buttons_telephone {float: left; width: 50%; text-align: right;}
#buttons #buttons_telephone #button {display: inline-flex; margin: 20px 5px 0 0; padding: 15px 30px; background: #fff; border: solid 1px #253069; border-radius: 5px;}
#buttons #buttons_telephone #button a {color: #253069; text-decoration: none;}
#buttons #buttons_telephone #button span {padding: 0 0 0 10px; transition: transform 0.3s ease-out;}
#buttons #buttons_telephone #button:hover span {padding: 0 0 0 10px; transform: translateX(4px); transition: transform 0.3s ease-out;}
#buttons #buttons_telephone #button:hover {cursor: pointer;}
#buttons #buttons_email {float: left; width: 50%;}
#buttons #buttons_email #button {display: inline-flex; margin: 20px 0 0 5px; padding: 15px 30px; background: #d6372e; border: solid 1px #d6372e; color: #fff; border-radius: 5px;}
#buttons #buttons_email #button a {color: #fff; text-decoration: none;}
#buttons #buttons_email #button span {padding: 0 0 0 10px; transition: transform 0.3s ease-out;}
#buttons #buttons_email #button:hover span {padding: 0 0 0 10px; transform: translateX(4px); transition: transform 0.3s ease-out;}
#buttons #buttons_email #button:hover {cursor: pointer;}

@media screen and (max-width: 970px) {
	#logo {display: none;}
	#logo_mobile {display: block;}
	#text {width: 80%; margin: 10px 10% 0 10%;}
	#tags {font-size: 13px;}
	#tags span {display: block; width: 80%; margin: 0 10%; padding: 10px 0 0 0;}
	#buttons #buttons_telephone {float: none; width: 100%; text-align: left;}
	#buttons #buttons_telephone #button {display: block; width: 80%; margin: 80px 10% 0 10%; padding: 15px 0; background: #fff; border: solid 1px #253069; border-radius: 5px; text-align: center;}
	#buttons #buttons_email {float: none; width: 100%;}
	#buttons #buttons_email #button {display: block; width: 80%; margin: 20px 10% 0 10%; padding: 15px 0; background: #d6372e; border: solid 1px #d6372e; color: #fff; border-radius: 5px; text-align: center;}
}