/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */


@font-face {
    font-family: Con;
    src: url("../fonts/corbel.eot") /* EOT file for IE */
}
@font-face {
    font-family: Con;
    src: url("../fonts/corbel.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Head;
    src: url("../fonts/corbelb.eot") /* EOT file for IE */
}
@font-face {
    font-family: Head;
    src: url("../fonts/corbelb.ttf") /* TTF file for CSS3 browsers */
}


html,
body {
    height: 100%;
    background-color:#b3b3b3;
    font-family: Con;
    font-size: 18px;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.page-header {

    border-bottom: none;
}

.h2, h2 {

    font-family: Head;
    text-transform: uppercase; 
    font-size: 30px;
    color:black;
    font-weight: bold;
}

.h1, h1 {
    font-size: 24px;
    font-family: Head;
    color:black;
    font-family: Con;
}

p1{

    font-size: 24px;
    font-family: Head;
    color:black;
    font-family: Con;
}

.navbar-inverse {
    background-color: #b3b3b3;
    border: none;
    height: 140px;
    font-family: Head;
    font-size: 20px;
}

.navbar-right {

    margin-top: 90px;
}


.navbar-inverse .navbar-nav > li > a {
    color: #000;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
    color: #000080;
}


/* Home Page Carousel */

header.carousel {
    height: 80%;
}

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

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 80px;
}

div.col-md-4 {

    font-family: Con;
    color: white;
    padding:15px;


}

div.col-md-8 {

    font-family: Con;
    color:white;
    padding: 15px;


}

.what{
    background-image: url('../img/what.jpg');
    height: 100px;
    padding-bottom: 10px;
    padding-top: 10px;

}

img {
    padding: 5px;
}

section{

    background-color:#00002b;
}

section#borders{  
    border-bottom: solid 190px #000080;
    border-top: solid 70px #000080;
}

section#borders2{
    background-color: #b3b3b3;
    border-top: solid 190px #000080;
    padding-top: 100px;
    padding-bottom: 100px;
}

section#about{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #b3b3b3;
}

.navbar-inverse{

    border-bottom: solid 30px #000080;
    height: 170px;
}

.btn-default {
    float: right;
    margin: 10px;
    background-color: #0000ff;
    color: white;
    font-family: Head;
    border: none;   
    text-transform: uppercase;
    font-weight: 600;
    width: 100px;
    border-radius: 0px;
}

.btn-default:hover,
.btn-default:focus{

    background-color: white;
    color: #0000ff;
}


.form-group {
    color: black;
}

.form-control {

    border-radius: 0px;
    background-color: #b3b3b3;
    border-color: #0000ff;

}

.form-control:focus{

    box-shadow: none;
    border-color: #0000ff;
}

footer{

    background-color: #000080;
    font-family: Con;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;

}

a:focus,
a:hover,
a{
    color:white;
}



/* Responsive Styles */




img{
    max-width: 100%;
}

img#quasistellar{

    width: 80%;
}

img#logo{

    width: 80%;
}

.h2, h2 {

    font-size: 20px;
}

.h1, h1 {
    font-size: 22px;
}

p1{

    font-size: 18px;
}

body{

    font-size: 17px;
}

section#borders{  
    border-bottom: solid 90px #000080;
    border-top: solid 70px #000080;
}

section#borders2{

    border-top: solid 90px #000080;
    padding-top: 0px;
    padding-bottom: 0px;
}

section#about{
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-inverse {

    height: 140px;
}

.navbar-inverse .navbar-toggle {

    border-color: #000080;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border: none;
    font-size: 15px;
    background-color: #b3b3b3;

}


@media (min-width: 768px) {


    img{
        max-width: 100%;
    }

    img#quasistellar{

        width: 100%;
    }

    img#logo{

        width: 100%;
    }

    .h2, h2 {

        font-size: 24px;
    }

    .h1, h1 {
        font-size: 22px;
    }

    p1{

        font-size: 22px;
    }

    body{

        font-size: 17px;
    }

    section#borders{  
        border-bottom: solid 120px #000080;
        border-top: solid 70px #000080;
    }

    section#borders2{

        border-top: solid 120px #000080;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    section#about{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .navbar-inverse {

        height: 170px;
    }
    
        .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	font-size: 20px;
        
}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


    .h2, h2 {

        font-size: 30px;
    }

    .h1, h1 {
        font-size: 24px;
    }

    p1{

        font-size: 24px;
    }

    body{

        font-size: 18px;
    }

    section#borders{  
        border-bottom: solid 190px #000080;
        border-top: solid 70px #000080;
    }

    section#borders2{

        border-top: solid 190px #000080;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    section#about{
        padding-top: 100px;
        padding-bottom: 100px;

    }

    img#quasistellar{

        width: 100%;
    }

    img#logo{

        width: 100%;
    }

    .navbar-inverse {

        height: 170px;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	font-size: 22px;
}

}