#name {
    width:200px;
}
#email {
    width:200px;
}
#phone {
    width:200px;
}
#text {
    width:350px;
    height:200px;
}
#labels {
    width: 100px;
    float:left;
    line-height:150%;
}
#mobile {
    width:200px;
}
#fillform {
    float:left;
    width:340px;
}
#reset {
    float:right;
}
#submit {
    float: left;
}

.contact {
    float: left;
    height: 20%;
    width:40%;
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 5%;
}
  
.contactform {
    float:left;
    height:20%;
    margin-left:5%;
    margin-top:2%;
    margin-bottom:5%;
    width:35%;
}

#contactLabels {
    width:85px;
    float:left;
    margin-right:5px;
}

#contactInfo {
    float: left;
    margin-left: 5px;
}

.asidecontactform {
    float:right;
    height:51%;
    margin-right:5%;
    margin-top:6%;
    margin-bottom:5%;
    width:50%;
    background-color:#eee;
}
.bgmaps {
    float:right;
    height:51%;
    margin-right:5%;
    margin-top:6%;
    margin-bottom:5%;
    width:50%;
    background-color:#eee;
}
@media screen and (max-width:1500px) {
    .contactform {
        width:50%;
    }
    .asidecontactform {
        width:30%;
    }
    .bgmaps {
    float:right;
    height:51%;
    margin-right:5%;
    margin-top:6%;
    margin-bottom:5%;
    width:40%;
    background-color:#eee;
}
}
@media screen and (max-width:1120px) {
    .asidecontactform {
        display:none;
    }
    .contactform {
        width:85%;
        float:left;
        height:15%;
        margin-bottom:1%;
        margin-top:1%;
    }
    .contact {
        width:85%;
        height:10%;
        margin-bottom:1%;
    }
    .bgmaps {
        float:left;
        height:40%;
        width:80%;
        margin-top:1%;
        margin-bottom:1%;
        margin-left:5%;
    }
    #labels {
        float:left;
        line-height:150%;
    }
    #name {
        width:150px;
    }
    #email {
        width:150px;
    }
    #phone {
        width:150px;
    }
    #mobile {
        width: 150px;
    }
    #text {
        width:250px;
        height:150px;
    }
    #reset {
        float:left;
    }
    #submit {
        float: left;
    }
}
@media screen and (max-width:1000px) {
    .contactform {
        width:100%;
        height:auto;
    }
    .contact {
        width:95%;
    }
        header {
        height:13%;
    }
     #text {
        width:150px;
        height:150px;
    }
}
@media screen and (max-width:850px) {
    .contactform {
        width:95%;
        float:left;
        height:auto;
        margin-bottom:1%;
        margin-right:1%;
        margin-left:5%;
    }
    .contact {
        width:95%;
    }
    header {
        height:13%;
    }
    #labels {
        float:left;
        line-height:150%;
    }
    #name {
        width:150px;
    }
    #email {
        width:150px;
    }
    #phone {
        width:150px;
    }
    #mobile {
        width: 150px;
    }
    #text {
        width:150px;
        height:150px;
    }
    #reset {
        float:right;
    }
    #submit {
        float: right;
    }
    #fillform {
    float:left;
    width:70%;
    }
}