body{
    font:15px/1.5 Arial, Helvetica,sans-serif;
    padding:0;
    margin:0;
    background-color:#f4f4f4;
}
 .container{
    width:80%;
    margin:auto;
    overflow:hidden;

}

 header ul{
       margin:0;
       padding:0;
   }
   
   .button_1{
       height: 30px;
       background:#F5DD14;
       border:10;
       padding-left: 20px;
       padding-right:20px;
       color:#080701;
         }
         
         .dark{
            padding:20px;
            background:#5D5D5C;
            border:0;
            
            padding-left:30px;
            padding-bottom: 150px;
           
         }
         .dark2{
             padding:15px;
             background:#5D5D5C;
             color:#ffffff;
             margin-top:10px;
             margin-bottom:10px;
         }
   
header{
    background: #35424a;
    color:#ffffff;
    padding-top:30px;
    min-height: 70px;
    border-bottom:#e8491d 3px solid;
    
}

header a {
   color : #ffffff;
   text-decoration:none;
   text-transform: uppercase;
   font-size:16px;
   
   }
   
  
   
   header li{
       float:left;
       display:inline;
       padding:0 20px 0 20px;
       
   }
   
   header #branding{
       float:left;
       
   }
   header #branding h1{
       margin:0;
     }
     
     header nav{
         float:right;
         margin-top: 10px;
     }
     
     header .highlight, header .current a{
         color:#00ffff ;
         font-weight: bold;
     }
     
     header .highlight2, header .current a{
         color:#9932cc ;
         font-weight: bold;
     }
     
     header a:hover{
         color:#00ffff;
         font-weight:bold;
     }
     
     /* showcase*/
     
     #showcase{
     min-height:456px;
     background:#040000;
     text-align: left;
     color:#9932cc;
     }
     
     #showcase h1{
         margin-:100px;
         font-size:40px;
         margin-bottom:10px;
     }
     
     #showcase p{
         font-size:20px;
         
     }
     /*newsletter*/
     #newsletter {
         padding:10px;
         color:#DAD4D4;
         background:#3C3939;
         
     }
     
     #newsletter h1{
         float:left;
     }
     
     #newsletter form{
         float:right;
         margin-top:15px
     }
     
     #newsletter input[type="email"]{
         padding:4px;
         height:25px;
         width:250px;
         
     }
     
     /* boxes*/
     #boxes{
         margin-top:20px;
     }
     
     #boxes .box {
         float:left;
         width:30%;
         
     }
     
     #boxes .box img{
         width:200px;
 
     }
     
     /*sidebar*/
     aside#sidebar .b2{
         float:left;
         width:25%;
          margin-top:10px;
         display:inline;
     }
     aside#sidebar2{
      
         width:30%;
          margin-top:10px;
         
     }
     
     aside#sidebar2 .quote input, aside#sidebar2 .quote textarea{
         padding:5px;
         width:90%;
     }
     
     /*services*/
     ul#services li{
         list-style:none;
         padding:10px;
         border:#cccccc solid 1px;
         margin-bottom:20px;
         background:#e6e6e6;
     }
     
     
     
     footer{
         padding:20px;
         margin-top:20px;
         color:#9932cc;
         background-color:#080701;
     }
     
     /*media queries*/
     @media(max-width: 768px){
         header #branding,
         header nav, 
         header nav li,
         #newsletter h1,
         #newsletterform,
         #boxes .box{
             float:none;
             text-align: center;
             width:100%;
         }
         
         header{
             padding-bottom: 20px;
         }
         
         #showcase{
             margin-top: 40px;
         }
         
         #newsletter button{
             display:block;
             width:100%;
         }
         
         #newsletter form input[type="email"]{
             width:100%;
             margin-bottom:5px;
         }
     }