@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

body {
	font-family: 'ralewaymedium';
	font-weight: 500;	
}

.main-bg {
	background:url('../img/main_bg.jpg');
	display:table;
	width:100%;
	height:100vh;		
	background-size:cover;
	background-position:center center;	
}

.tab-row {
	display:table-row;
}

.logo {
	display:table-cell;
	width:100%;
	vertical-align:top;
	padding: 5% 0 0 8%;
}

.contact {
	display:table-cell;
	width:100%;
	vertical-align:bottom;
	padding-bottom:5px;
}

.media-heading {
	color:#fff;
	font-size:24px;
}
.media-heading a{color:#fff;}
.media-body, .media-left, .media-right {
	vertical-align:middle;
}

.contact-strip{
	background: rgba(73, 117, 40, 0.7);
    display: table;
    vertical-align: bottom;
    padding: 15px;
	width:100%;
	margin-bottom:-5px;
}

.site {width:50%;}
.phone {width:35%;}
.email {width:55%;}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.site, .phone, .email  {width:80%;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.site, .email  {width:100%;}
.phone {width:57%;}
.media-heading {font-size:20px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.logo {padding-left:8%;padding-right:8%;}
.site, .phone, .email  {width:100%;margin-bottom:10px;}
}