*{margin: 0px;
    padding: 0px;}

body{
    background:#CCC;
    width: 70%;
    margin-left: 20%;
    margin-top: 0px;
    height: 900px;
}

.mainHeader{
    padding: 0;
    background:#666;
    height:36px;
    width:100%;
    border-radius: 5px;
    position: relative;
    top: 150px;
    left: -70px;
    box-shadow: 10px 10px 10px #767373;
}

.mainHeader nav ul li{
    display:inline-block;
    list-style:none;
    margin: 10px 0px 0px -30px;
    float: left;
    margin-left: 15px;
    position: relative;
    top:  -128px;
    left: 10px;
}

.mainHeader nav ul li a{
    text-decoration: none;
    border-radius: 3px;
    color: white;
    padding: 7px 20px 10px 20px;
    margin-right: -15px;
    font-family: 'Eras ITC';
}

.mainHeader nav ul li a:hover{
    background: #f18529;
}

.mainHeader nav ul .active {
    background: #f18529;
}

.mainInfo{
    background:white;
    height: 500px;
    width: 100%;
    position: relative;
    top: 200px;
    left: -70px;
    border-radius: 5px;
    box-shadow: 10px 10px 10px #727272 ;
}

.mainInfo .miInfo p{
    font-family: Arial;
    padding:  10px 10px 10px 10px;
    text-align: left;
}

.mainHeader .logoArea p{
    position: relative;
    top: -100px;

}

.mainHeader .logoArea img{
    position: relative;
    top: -130px;
    left: 230px;

}

@media only screen and (min-width: 150px) and (max-width: 600px) {
    body{
    width: 100%;
}

    .mainHeader{
        padding: 0;
        background:#666;
        height:70px;
        width:80%;
        border-radius: 5px;
        position: relative;
        top: 150px;
        left: -70px;
        list-style-type: none;
    }

    .mainHeader nav ul li{
        text-align: center;
        height: 100%;
        word-break: break-all;

}

 .mainHeader nav ul li a{
        width: 100%;
        height: 20px;
        padding:  10px 5px;
        display: inline-block;
        margin: 10px;

}
 .mainInfo{
    background:white;
    height: 300px;
    width:80%;
    position: relative;
    top: 200px;
    left: -70px;
    border-radius: 5px;
    box-shadow: 10px 10px 10px #727272;


}

.mainInfo .miInfo{

}


}