body{
margin:0 auto;padding:0;border:0;
}
#wrapper{
    width: 100%;padding:0;margin:0 auto;border:0;
}
#headholder{
    width: 100%;background: #8E8E8E;overflow: auto;
}
#header{
width:80%;padding:0%;margin:0 auto;border:0;
}
#logo{
    float:left;width:80%;padding-top: 8px;
}
a.logo{
    text-decoration: none;color: #FFFFFF;font-family: helvetica;font-weight: bold;font-size: 90%;text-align: center;
}
#homebut{
    float: left;width: 5%;text-align: center;padding:10px;padding-top: 30px;padding-bottom: 30px;
    }
    
#conbut{
    float: left;text-align: center;padding:10px;padding-top: 30px;padding-bottom: 30px;
}
#homebut:hover{
    background: #9191ff;
}
#conbut:hover{
    background: #9191ff;
}
#banner{
   background-image: url('../images/back.jpg');background-size: 100%;background-repeat:none;height: 100%;overflow: auto;height: 350px;
}
#inbaner{
    width:78%;padding:1%;margin:0 auto;
}
.banerd{
    color: white;text-shadow: 2px 2px 2px #121212;font-family: Helvetica;
}
.h3er{
    font-family: Helvetica;
}
#solutions{
    width: 78%;padding:1%;margin:0 auto;font-family: Helvetica;
}
#footer{
    width: 98%;background: #8E8E8E;padding:1%;color: white;font-family: Helvetica;font-size: 80%;
}
#foot1{
    width: 78%;padding:1%;margin:0 auto;
}
#maker{
    height: 500px;
}
@media screen and (max-width:900px){
    #logo{
        width: 100%;
    }
    #banner{
   background: url('imgs/back1.jpg');background-size: 100%;background-repeat:none;height: 100%;overflow: auto;height: 350px;
}
#maker{
    height: 300px;
}
#header{
    width: 100%;padding:0;
}
#homebut{
    width: 42%;float:left;
}
#conbut{
    width: 42%;float:left;
}
}