/* ---------------------------
SCREEN STYLE CSS - RWD
--------------------------- */

/*START: NAV STYLES*/
.logo {
    width: 50%;
    float: left;
    font-size: 1.8em;
    color: #fff;
}

.nav {
    width: 40%;
    float: right;
    text-align: right;
}

.nav a {
    text-decoration: none;
    color: #fff;
}




/*START: GENERAL STYLES*/
* { /*resets margins and padding*/
   margin: 0; 
   padding: 0;
}

/*
div {
    border: 1px solid #999;
}
*/

body { 
    font-family: 'Poppins', sans-serif;
}

footer {
    text-align: center;
    font-family: 'Abel', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    background: #577590;
    color: #fff;
}

img { /*to handle the new image*/
      float: left;
   }

#header { 
    font-family: 'Abel', sans-serif;
    background: #495057;
    font-weight: bold;
}

#copyright {
    padding-top: 150px;
    padding-bottom: 120px;
}

.genPad {
    padding: 20px;
}

.boxShadow {
    padding: 10px;
    box-shadow: 5px 10px 8px #888888;
}

.textShadow {
    text-shadow: 2px 2px 8px #888888;
}

.imgResponsive {
    width: 100%;
    max-width: 2560px;
    height: auto;
}

.responsive
{
    width: 100%;
    height: auto;
}

.clear {
    clear: both;
}




/*START: IPHONE LAYOUT STYLES*/
@media (max-width: 480px) {

}



/*START: NARROW LAYOUT STYLES*/
@media (min-width: 481px) and (max-width: 766px) {

}



/*START: MEDIUM LAYOUT STYLES*/
@media (min-width: 767px) and (max-width: 979px) {
   
}



/*START: WIDE LAYOUT STYLES*/
@media (min-width: 980px) {
   
}