/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 19, 2018, 11:10:51 PM
    Author     : Ayush
*/

@media screen and (min-width:768px){

body{
    font-family: 'Roboto', sans-serif;
    background-color: #ebf6fa;
}

/*Spacing and margins*/

.padding-t-50{
    padding-top: 50px;
}

.padding-b-20{
    padding-bottom: 20px;
}

.padding-v-20{
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-v-50{
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-v-100{
    padding-top: 100px;
    padding-bottom: 100px;
}

.margin-t-30{
    margin-top: 30px;
}

.margin-v-50{
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin-v-100{
    margin-top: 100px;
    margin-bottom: 100px;
}

/*Text Settings*/
h1{
    font-size: 3em;
}
h2{
    font-size: 2.6em;
}
h3{
    font-size: 1.8em;
}
h4{
    font-size: 1.6em;
    font-family: 'Oswald', sans-serif;
}
h5{
    font-size: 1.3em;
    font-family: 'Muli', sans-serif;
}
h6{
    font-size: 1.2em;
}
p{
    font-size: 1em;
    font-family: 'Dosis', sans-serif;
}
li{
    font-family: 'Dosis', sans-serif;
}
small{
    font-size: 0.8em;
}

.uppercase{
    text-transform: uppercase;
}
.capitalize{
    text-transform: capitalize;
}
.bold{
    font-weight: bold;
}
.underline{
    text-decoration: underline;
}
.italic{
    font-style: italic;
}

.roboto{
    font-family: 'Roboto', sans-serif;
}
.oswald{
    font-family: 'Oswald', sans-serif;
}
.open-sans{
    font-family: 'Open Sans Condensed', sans-serif;
}
.dosis{
    font-family: 'Dosis', sans-serif;
}


/*form*/

.form-box{
    padding: 25px 30px;
    background-color: #174a8b;
    color:#fff;
}

.form-header{
    margin-bottom: 10px;
}

.form-body{
    
}

.form-footer{
    
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius:0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*navigation*/

nav{
    background-color: #fff;
    border-bottom: 1px solid #c1c1c1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bg{
    background-image: url("../img/arrow-bg.png"),url("../img/triangles.png");
    background-position: center bottom, left bottom;
    background-repeat: no-repeat, no-repeat;
}

/*footer*/

footer{
    background-color: #305E99;
    color:#fff;
}

footer a{
    color: #ff9900;
}

footer a:hover{
    color: #ff9900;
    text-decoration: underline;
}

/*color*/

.dark-blue{
    color:#112642;
}

.blue{
    color:#177ca3;
}

.light-blue{
    color:#4782CD;
}

.yellowish{
    color: #ffc107;
}

.magenta{
    color: #c30577;
}

.redish{
    color:#ef1b2f;
}

}

@media screen and (max-width:767px){
    /*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 19, 2018, 11:10:51 PM
    Author     : Ayush
*/

body{
    font-family: 'Roboto', sans-serif;
    background-color: #ebf6fa;
}

/*Spacing and margins*/

.padding-t-50{
    padding-top: 10px;
}

.padding-b-20{
    padding-bottom: 20px;
}

.padding-v-20{
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-v-50{
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-v-100{
    padding-top: 10px;
    padding-bottom: 20px;
}

.margin-t-30{
    margin-top: 30px;
}

.margin-v-50{
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin-v-100{
    margin-top: 100px;
    margin-bottom: 100px;
}

/*Text Settings*/
h1{
    font-size: 3em;
}
h2{
    font-size: 1.6em;
}
h3{
    font-size: 1.8em;
}
h4{
    font-size: 1.6em;
    font-family: 'Oswald', sans-serif;
}
h5{
    font-size: 1em;
    font-family: 'Muli', sans-serif;
}
h6{
    font-size: 1.2em;
}
p{
    font-size: 1em;
    font-family: 'Dosis', sans-serif;
}
li{
    font-family: 'Dosis', sans-serif;
}
small{
    font-size: 0.8em;
}

.uppercase{
    text-transform: uppercase;
}
.capitalize{
    text-transform: capitalize;
}
.bold{
    font-weight: bold;
}
.underline{
    text-decoration: underline;
}
.italic{
    font-style: italic;
}

.roboto{
    font-family: 'Roboto', sans-serif;
}
.oswald{
    font-family: 'Oswald', sans-serif;
}
.open-sans{
    font-family: 'Open Sans Condensed', sans-serif;
}
.dosis{
    font-family: 'Dosis', sans-serif;
}


/*form*/

.form-box{
    padding: 25px 30px;
    background-color: #174a8b;
    color:#fff;
}

.form-header{
    margin-bottom: 10px;
}

.form-body{
    
}

.form-footer{
    
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius:0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*navigation*/

nav{
    background-color: #fff;
    border-bottom: 1px solid #c1c1c1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bg{

}

/*footer*/

footer{
    background-color: #305E99;
    color:#fff;
}

footer a{
    color: #ff9900;
}

footer a:hover{
    color: #ff9900;
    text-decoration: underline;
}

/*color*/

.dark-blue{
    color:#112642;
}

.blue{
    color:#177ca3;
}

.light-blue{
    color:#4782CD;
}

.yellowish{
    color: #ffc107;
}

.magenta{
    color: #c30577;
}

.redish{
    color:#ef1b2f;
}


}