body{
    font:15px/1.5 Aerial, helvetica,sans-serif;
    padding:0;
    margin:0;
    background-color:#f4f4f4;
}
/*Global*/

.container{
    width:80%;
    margin:auto;
    overflow:hidden;
}

ul{
    margin:0;
    padding:0;
}

.button_1{ 
    height: 38px;
    background:#E8491d;
    border:0;
     padding-left: 20px;
     padding-right:20px;
     color:#ffffff;
}

.dark{
    padding:15px;
    background:#35424a;
    color:#ffffff;
    margin-top:10px;
    margin-bottom:10px;
}


/* header*/

 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:red;
        font-weight:bold;
    }

    header a:hover{
        color:#cccccccc;
        font-weight:bold;
    }

    /*showcase*/

    #showcase{
        min-height: 300px;
        background:url('../images/showcase.jpg');
       text-align:center;
       color:#ffffff;
    }

    #showcase h1{
        margin-top:100;
        font-size: 55px;
        margin-bottom: 10px;
    }

    #showcase p{
       font-size:20px;     
    }

    #newsletter{
        padding:15px;
        color:#ffffff;
        background:#35424a;
    }
    
    #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:10px
    }

    #boxes .box{
     float:left;
     text-align:center;
     width:30%;
     padding:10px;
    }

    #boxes .box img{
        width: 90px;
    }

    /*sidebar*/

    aside#sidebar{
        float: right;
        width:30%;
        margin-top:10px;
    }

    /*main -col */

    article#main-col{
        float:left;
        width:65%;
    }

    /*services*/

    ul#services li{
        list-style: none;
        padding:20px;
        border: #cccccccc solid 1px;
        margin-bottom: 5px;
    }


    footer{
        padding:20px;
        margin-top:20px;
        color:#ffffff;
        background-color:#E8491d;
        text-align: center;

    }


/* media Queries*/

@media(max-width:768px){
    header #branding,
    header nav,
    header nav li
        #newsletter h1,
        #newsletter form,
        #boxes .box,
        article#main-col,
        aside#sidebar{
        float: none;
        text-align: center;
        width:100%;
    }
    header{
        padding-bottom: 10px;
    }
    #showcase h1{
        margin-top:40px
    }
    
    #showcase h1{
        margin-top:40px;
    }

    #newsletter button{
        display:block;
        width:100%;
    }

    #newsletter from input[type="email"]{
        width:100%;
        margin-bottom:5px;
    }
}