html, body {
	
	background-color: #243209;
	font-family: 'Open Sans', sans-serif;
	font-size: calc(16px + 1vw);
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	margin:0;
	padding:0;
	height: 100%;
}

.floatkill {
	clear:both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

/*
 * font-family: 'Open Sans', sans-serif;
 * font-family: 'Oswald', sans-serif;
*/

.main-container {
    width: 95%;
    margin: auto auto;
    display: block;
    position: relative;
}

/* ------------------ BEGIN header --------------------*/
h1 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #0099ff;
    font-size: calc(10px + 3vw);
    text-shadow: 2px 2px 4px #000000;
    padding: 1vw;
    float: left;
    margin: 0px;
}

a.callto-header {
    color: #0099ff;
    text-decoration: none;
    text-shadow: 2px 2px 4px #000000;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.callto-header:hover {
    color: #78c7fb;
    text-decoration: none;
    text-shadow: 2px 2px 4px #000000;
}

.top-bar {
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
}

.top-phone {
    font-size: calc(10px + 1vw);
    padding: 2vw;
    float: right;
}

/*------------------ BEGIN menu -------------------*/
.menu-bar {
    background-color: #323a45;
    width: 100%;
    padding: 0px;
    position: relative;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;    
}


/*------------------ BEGIN content -------------------*/

.main-content-container {
    width: 95%;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    position: relative;
    margin: auto auto;
    padding: 1vw;
}

.content-image {
    margin: 5px;
    border: solid 1px #ffffff;
    border-radius: 5px;
}

h2 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #0099ff;
    font-size: calc(6px + 2vw);
    text-shadow: 2px 2px 4px #000000;
    padding: 1vw;
    margin: 0px;
}

.pricegreen1 {
    color: #84ef00;
}

a.contact-link {
    color: #84ef00;
    text-decoration: none;
    text-shadow: 2px 2px 4px #000000;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.contact-link:hover {
    color: #ccff8e;
    text-decoration: none;
    text-shadow: 2px 2px 4px #000000;
}

.gallery-img img {
    max-width: 300px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    margin: 5px;
    border: 1px solid #ffffff;
}
.gallery-img:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.video-box {
    max-width: 300px;
    margin: auto auto;
    border: 1px solid #ffffff;
}

.video-box-200 {
    haight: 200px;
    float: left;
    border: 1px solid #ffffff;
    margin: 5px;
}

/*------------------ BEGIN footer -------------------*/

.footer-container {
    position: relative;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    font-family: 'Oswald', sans-serif;
}

.uparrow {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.footer-text {
    text-align: center;
}