* {
/* With these codes padding and border does not increase it's width. Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
body{
margin:0;
padding:0;
font-family:'Droid Sans',sans-serif
}
div#envelope{
	width:100%;
	padding:10px 0;
	border:1px solid gray;

}
form{
	width:100%;
	margin-top: 0;
	margin-right: 15%;
	margin-bottom: 0;
	margin-left: 0%;
}
form header{
text-align:center;
font-family:'Roboto Slab',serif
}
/* Makes responsive fields. Sets size and field alignment. */
input[type=text]{
	margin-bottom:1px;
	margin-top:10px;
	width:100%;
	padding:6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
input[type=submit]{
width:100%;
margin-top: 10px;

border:1px solid #7ac9b7;
background-color:#a4e6db
}
textarea{
width:100%;
padding:15px;
margin-top:10px;
border:1px solid #7ac9b7;

margin-bottom:20px;
resize:none
}
input[type=text]:focus,textarea:focus{
border-color:#4697e4
}
/* By using @ media form can have different layout for screen, mobile phone, tablet. */
/* Sets the form layout for mobile phone, tablet. */
@media screen and (max-device-width: 600px){
* {
/* With these codes padding and border does not increase it's width.Gives intuitive style. */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
body{
margin:0;
padding:0;
font-family:'Droid Sans',sans-serif
}
div#envelope{
width:100%;

background-color:#f2f4fb;

border:1px solid gray;

}
form{
width:100%;

}
form header{
text-align:center;
font-family:'Roboto Slab',serif
}
/* Makes responsive fields.Sets size and field alignment. */
input[type=text]{
margin-bottom:20px;
margin-top:10px;
width:100%;


border:1px solid #7ac9b7
}
input[type=submit]{
margin-bottom:20px;
width:100%;
padding:15px;

border:1px solid #7ac9b7;
background-color:#a4e6db
}
textarea{
width:100%;

margin-top:10px;
border:1px solid #7ac9b7;

margin-bottom:20px;
resize:none
}
input[type=text]:focus,textarea:focus{
border-color:#4697e4
}
}