body
{


    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
}

a {
    color: #ffffff;


}

a:hover {
    color: gainsboro;
    text-decoration: none;

}
/* start h2 */
h2
{
    text-align: center;
    font-size: 40px;
    padding-bottom: 40px;
}
h2 span
{
    color: #28a7e9;
    font-weight: bold;
}
/* end h2 */

/* start header */
header
{
    min-height: 20px;
    padding-top: 18px;
    padding-bottom: 10px;
}
header .fa
{
    color: #28a7e9;
}
header span
{
    font-weight: bold;
    padding-right: 10px;
    padding-left: 4px;
}
header a
{
    color: #ffffff;
    font-weight: 600;
}


/* end header */

/* start nagivation */


.navbar-default
{
    background: #006;
    border: none;


}
.navbar-default .navbar-nav li a
{
    font-weight: bold;
    font-size: 13px;

    line-height: 22px;
    color: white;

}



.navbar-default .navbar-nav > li > a.current {
    color: #28A7E9;
}

/* end navigation */




/* start 768 media quires */
@media only screen and ( max-width: 767px ) {
    #home
    {
        min-height: 300px;
        padding-top: 80px;
        padding-bottom: 60px;
    }
    #home h1
    {
        font-size: 52px;
    }

    header {
        margin-top: 70px;
    }


    .navbar-toggle {
        margin-top: 15px;


    }
    .navbar-collapse {
        max-height: 300px;
        overflow-y: auto;

    }
    .navbar-default .navbar-nav li a {
        height: 45px;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 35px;
    }
}
/* end 768 media quires */
/* start 360 media quires */
@media only screen and ( max-width: 360px ) {

    #home
    {
        min-height: 200px;
        padding-top: 60px;
        padding-bottom: 40px;
    }
    #home h1
    {
        font-size: 10px;
    }

}
/* end 360 media quires */