* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
}

p {
	font-size: 1.3em;
	margin-bottom: 15px;
}

#page-wrap {
	background: white;
	margin: 20px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

#text{
	float: right;	
	margin-top: 25px;
	margin-right: 60px;
}
#company-details {
	padding-top: 4em;
	padding-bottom: 4em;
}

@media screen and (max-width: 500px){

#conatct-web {

        
              
}
}

@media screen and (max-width: 500px){

#text {

     text-align: center;
    margin: 0;
    padding: 20px;
}
}


@media screen and (max-width: 500px){

#text p {

        width:100%;

}
}


@media screen and (max-width: 500px){

#page-wrap {

            margin: 0;

}
}


@media screen and (max-width: 500px){

#page-wrap h2{

            margin: 0;
	    text-align: center;
}
}



@media screen and (max-width: 500px){

#contact-area input, #contact-area textarea{

    width: 95%;

}
}


@media screen and (max-width: 500px){

#contact-area{
width: 100%;


}
}


@media screen and (max-width: 500px){

#contact-area input.submit-button{

	width: 100%;
	float: right;


}
}


@media screen and (max-width: 500px){

label{

	width:auto;
     


}
}