/* 
    Created on : 31-Mar-2020, 15:16:25
    Author     : david
*/
@import url('nav.css');
@import url('flexslider.css');
@import url('contactform.css');

/*====Document Sections====*/

footer,header,nav{display:block}

body {font-family:Arial, Helvetica, sans-serif; 
      font-size:12px; 
      line-height:18px; 
      color:#868686; 
      min-width:1000px; 
      -webkit-text-size-adjust: none; 
      background-size:  cover;
      margin: 0; /*needed to prevent Firefox putting a margin around everything*/
      width:100%;
      height:100%;}

article {padding: 10px;}

.main{width:1000px;
     margin: 0 auto; 
     min-height: 300px;
     background:#fff;}

.content{width:100%;
     margin: 0;
     min-height: 300px;
     }


footer {padding:10px 26px 13px;background:#545454;margin-bottom:52px;}
footer, footer a{color:#aaaaaa;}

/*====Specific Text====*/
h2,h3,h4,h5{ font-weight:normal;}
h2{font-size: 24px; line-height: 22px; color:#595959;margin-bottom:11px;}
h4{font-size: 14px; line-height: 16px; color:#595959;margin-bottom:9px;}

/*==== Links ==== */
a {color:#3498eb;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#ae1aed; text-decoration:none;}

/*==== Images ==== */
img{max-height:100%;
max-width:100%;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main{width:768px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px; background:none;}
 .main{width:100%; margin: 0;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
}