body{
	background-color: black;
}

h1, h2, h3, h4, p, a{
    color: #ffffff;
    font-family: 'Muli', sans-serif;
}

.full {
    background: url('../images/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover; 
}

.no-margin{
    margin-top:0px;
    margin-bottom: 0px;
}

.navbar-inverse{
    background-color:transparent;
}

.img{
    border-radius: 4px;
    margin: 5px;
}

input{
    color:grey;
}

.white{
	color: #ffffff;
}


/* Top left logo/header */

.header-line{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:28px;
    font-weight: bolder;

}

#logo-img{
    height:135px;
    margin-top: -30px;
    margin-right:15px;
}


/* Navbar */

#nav-button{
    border: 1px solid #ffffff;
}

.icon-bar{
    background-color:black;
}


#main-nav{
    margin-top: 30px;
}

#myNavbar{
    margin-top: 50px;
}

.nav-link{
    color: #ffffff;
    margin-top: -45px;
}

li a{
    font-size: 16px;
    font-family: 'Muli', sans-serif;
    line-height: 3000px;
    color: #ffffff;
}


/* Big banner/company slogan section ("A Leader In Quality...") */

#logo-and-banner{
    height:100vh;
}

#logo-break{
    height:31vh;
margin-top: 3vh;
margin-bottom: 0vh;
    }

#banner{
margin-top: 28vh;
margin-bottom: 0px;
}

.banner-line{
    font-size: 7vmin;
    color:#ffffff;
    font-family: 'Muli', sans-serif;
    font-weight: 900;
    margin:5px;
}

span.glyphicon-menu-down{
    font-size: 40px;
}

/* Below-the-fold content */


#page{
	color:#ffffff;
	background-color: black;
    padding:5vw;
    padding-top: 0px;
    border-radius: 10px;
}

.title{
    margin-top:70px;
    margin-bottom:30px;
    font-size: 45px;
    padding-top: 10px;
    font-weight: bolder;
    text-decoration: underline;
    font-family: 'Muli', sans-serif;
}

#getaquote h2{
    font-weight: bold;
    
}

#getaquote{
    margin-top: 120px;
}



/* First breakpoint, navbar collapses here */

@media (max-width: 940px) {
    
    .full {
    height:100vh;
    min-height:100vh;
    background: url('../images/background-mobile.jpg') no-repeat ;
    

    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
    }

    .banner-line{
        font-size: 32px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {

    }
    .navbar-fixed-top {
        top: 0;
        
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        margin-left: 00px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .nav-link{
    color: #ffffff;
    margin-top: 30px;
    }

    .header-line{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:22px;
    font-weight: bolder;

    }

    #logo-img{
    height:100px;
    margin-top: -22px;
    margin-right:0px;
    }

    #logo-break{
    height:30vh;
    margin-top: 3vh;
    margin-bottom: 0vh;

    }
}

/* Second breakpoint, top left logo/header shrink */

@media (max-width: 450px) {
    
    #logo-img{
    height:60px;
    margin-top: -20px;
    margin-right:0px;
    margin-left: -10px;
    }

    #header{
    margin-top: -5px;
    margin-left:-8px;
    }

    .header-line{
    font-size: 13px;
    }

    #ccb{
        font-size: 8px;
        margin-top: -5px;
    }
}


@media (max-width: 950px) and (min-height: 950px)  {

 
    #banner{
        margin-top: 35vh;
    }
}