/*
Theme Name: full spectrum hire Rebuild
Theme URI: http://mangofusion.co.za/
Author: Mango Fusion
Author URI: http://mangofusion.co.za/
Description: Bootstrap Blank Theme for Def
Version: 1.0

This theme, like WordPress
*/
.page-template-name {
	background: none;
	text-align: center;
	font-weight: 700;

	padding: 1rem 0;
	
}

body {
 /*margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
background: url('http://www.fullspectrumhire.co.za/wp-content/uploads/2018/02/bg-2-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	color:#eee;

font-size: 2vh;
}

h1 {
	font-size: 5vh;
}

h2 {
	font-size: 4.5vh;
}

h3 {
	font-size: 4vh;
}

h4 {
	font-size: 3.5vh;
}

h5 {
	font-size: 3vh;
}

h6 {
	font-size: 2.5vh;
}

section {

}

header {
		
}

header, nav {
	background: #fff;
}

main {
	background: rgba(0,0,0,.8);
}

footer {
	background: #fff;
	color: #222;
	padding:  50px 0;
	border-top: 5px solid #ff0000;
}

a {
	color:rgba(254,0,0,1);
}

a:hover {
	color: rgba(254,0,0,.5);
	text-decoration: none;
}

.container, .container-fluid {

}

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
}

.image-bg-fluid-height {
	
}

.image-bg-fixed-height-1 {
	
   
}

.image-bg-fixed-height-2 {
	
   
}

.img-center {
	margin: 0 auto;
}

section {

}

.section-heading {
    margin: 30px 0;
   
}

.section-lead {
    margin: 30px 0;
}

.section-paragraph {
    margin: 30px 0;
}

#services {
margin: 2rem 0;

}


@media(max-width:768px) {
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .section-heading {
       
    }
}

#logo {
	max-height: 50px;
}

#bs-example-navbar-collapse-1 {
	padding: 1rem 0;
}

.navbar {
	border-bottom: 5px solid #ff0000;
	margin: 0;
	padding: 0;
}

.navbar-nav li a {
	color: #222;
}



.navbar-nav li a:hover {
background: transparent;
color: #ff0000;
}


/* New menu Lay Out */




/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    height: 50%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#about-us {
	padding: 50px 0;
	background: #000;
}

.about-us-header {
	text-align: right;

	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(0,0,0,1), -1px -1px 1px rgba(0,0,0,1), -1px 1px 1px rgba(0,0,0,1), 1px -1px 1px rgba(0,0,0,1);
	font-weight: 900;
}

.about-us-content {
	text-align: left;

	color: #eee;
	font-weight: 900;
}

#cta-1 {
   
	background: #ff0000;
	
}

.cta-1-header {
    margin: 0;
    color: #f5f5f5;
    
    text-shadow: 1px 1px 1px rgba(0,0,0,1), -1px -1px 1px rgba(0,0,0,1), -1px 1px 1px rgba(0,0,0,1), 1px -1px 1px rgba(0,0,0,1);

	text-align: center;
}

.cta-1-content {
	color: #fff;
    text-align: center;

}

.table-hover  td:hover {
	color: #222;
}