@font-face {
    font-family: LG regular;
    src: url(fonts/LeagueGothic-Regular.otf);
}

@font-face {
    font-family: R slab;
    src: url(fonts/RobotoSlab-Regular.ttf);
}
.container {
     width: 592px; 
}
input, textarea {
    width: 100% !important;
}
.navbar-toggle {
    position: relative;
    float: none; 
    padding: 1%;
    margin: 0px !important;
    background-color: #9E9E9E;
    background-image: none;
    border: 2px solid #ffffff;
    border-radius: 16px;
}
body {
	background-color: gray;
	background-image: url("images/background.jpg");
	background-repeat: repeat-y repeat-x;
	background-position: right top;
	background-attachment: fixed;
}

h1{
	font-weight: 600;
    font-size: 3em;
    font-family: Lato, sans-serif !important;
	margin-bottom:20px;
	color:white;
}

h2{
	font-weight:800;
	font-size:2.5em;
	margin-bottom:20px;
	color:white;
}

h3{
	font-weight:800;
	font-size:2em;
	margin-bottom:20px;
	color:white;
}

h4{
	font-weight:800;
	font-size:1.5em;
	margin-bottom:20px;
	color:white;
}

p{
	font-weight:60;
	font-size:1.1em;
	font-family:sans-serif;
	margin-bottom:10px;
}

body > .row {
    margin: 0;
    padding: 0;
}

.middle-main-content{
	/*background-color:#B20002;*/
	background: linear-gradient(rgb(255, 81, 47), rgb(240, 139, 25));
	border: 2px solid black;

	/** this will fix the issue where the carousel and the navbar dont go all the way to the sides**/
	padding-right:0px !Important;
	padding-left:0px !Important;
}

.top-logo p{
	text-align:center;
}

/*************carousel***********/
.carousel-control.left {
    background:none;
}

.carousel-control.right {
    background:none;
}

.carousel-caption{
	right:50%;
    left: 0%;
    padding-bottom: 7%;
}

.carousel-caption h1{
	font-size:4em;
}

.carousel-caption p{
	font-size:1.5em;
}
/*********************************/

/** all the css for the body content **/
.bodycontent-homepage{
	padding:50px;
}

.bodycontent-homepage p{
	color:white;
	letter-spacing:2px;
}

/** all the css for the body content **/
.bodycontent-aboutpage{
	padding:50px;
}

.bodycontent-aboutpage p{
	color:white;
	letter-spacing:2px;
}

.aboutme-img{
	padding-bottom:30px;
}


/*** all the styling for the footer at the bottom***/

.footer-section{
	background-color:#1C1B20;
	padding-left:30px;
	padding-right:30px;
	padding-top:60px;
	padding-bottom:60px;
	/**fix to bottom**/
	/**position: absolute;
    bottom:0px;
	left:0px;**/
}

.footer-section img{
	width:100%;
}

.footer-contact-details{
	color:white;
	font-size:16px;
	font-weight:800;
	padding-top:1%;
}


.email-links{
	text-decoration:none;
	color:white;
}

.email-links:hover{
	text-decoration:none;
	color:#B20002;
	cursor:pointer;

	 -webkit-transition: ease-in-out, width .8s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: ease-in-out, width .8s ease-in-out;
}

/**** copyright section at the bottom **/

.copyright-section{
	text-align:center;
	/**fix to bottom**/
	/**position: absolute;
    bottom:0px;
	left:0px;**/
    width: 100%;
	background-color:black;
	color:white;
	font-size:12px;

	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:10px;
}

.copyright-section a{
	text-decoration:none;
	color:#B20002;
}

.copyright-section a:hover{
	text-decoration:none;
	color:white;
	cursor:pointer;
	 -webkit-transition: ease-in-out, width .8s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: ease-in-out, width .8s ease-in-out;
}

/*****custom navigation at the top ****/
.custom-nav{
	color:white;
	font-size:20px;
	font-weight:700;
}

.custom-nav a:hover{
	color:black !Important;
	text-decoration:none;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.custom-nav a{
	color:white;
	text-decoration:none;
}

/** table styling**/
.contact-details-table td{
	color:white;
	font-size:16px;
}

.contact-details-table a{
	text-decoration:none;
	color:white;
}

.contact-details-table a:hover{
	text-decoration:none;
	color:black;
}

/** table styling**/
label{
	color:white;
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input{
	border-radius:4px;
	padding:4px;
}

textarea{
	border-radius:4px;
	padding:4px;
}

.form-details-table td{
	padding:10px;
}

.map-container{
	padding-top:30px;
}

#map {
width:100%;
height:200px;
}

/** gallery page */

.gallery-section{
	padding-left:100px;
	padding-right:100px;
	padding-top:50px;
	padding-bottom:50px;
}

.imageBox img{
	width:158px;
}

.imageBox {
	float:left;
	margin:10px;
}

/** extras page */

.specs-list li{
	color:white;
	font-size:15px;
	margin-top:15px;
	list-style-image: url('images/icon.png');
}


.specs-list ul{

}

/*** body content trailers**/

.bodycontent-trailers {
	padding-top:50px;
	padding-bottom:50px;
}

.bodycontent-trailers img{
	width:100%;
	padding:10px;
}

.header{
	text-align:center;
	vertical-align:middle;
}

.line{
	height:2px;
	width:100%;
	background-color:black;
}