/* FRONTEND CSS
*********************************************/

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */


html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

body {
	font-family: 'Lato', sans-serif;;
	color:#959598;
	font-weight:300;
	font-size:18px;
	text-shadow:2px 2px 2px #fff
}

h1, h2 {
	font-weight:300;
	font-size:71px;
	text-transform:uppercase;
	margin-top:60px;
	padding-left:0;
	margin-left:0;
}
h2 { font-size:24px; font-weight:400; line-height:30px}
h2 span { color:#d67e1c }

a,
a.button img,
a.button2 img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#d67e1c
}

#logo img {
	text-align:center;
}

a.button img {
	margin:35px 0 15px 0
}
a.button:hover img {
	margin:35px 0 0 10px; 
}
a.button2 img {
	margin:15px 0 30px 4px
}
a.button2:hover img {
	margin:15px 0 30px 14px; 
}

#footer p { font-size:20px; font-weight:400}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#logo {
	padding:70px 0 0 70px;
}
#tlo {
	background:url(../images/_bg.jpg) no-repeat right top;
	min-height:765px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}