@charset "utf-8";
/* CSS Document */

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.myform{
width:90%;
margin:4% 5%;
}
.header{
background:#48B3AF;
text-align: center;
padding-top: 0;
padding-bottom: 8px;
margin-top: -11px;
margin-bottom: -8px;
border-radius: 10px 10px 0 0;
color: #4863A0;
font-family:Georgia, "Times New Roman", Times, serif;

}
form {border-radius:20px; background: #E7F2EF; padding: 20px; margin: 20px 0;}
/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 10px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
}
input[type=password]{
margin-bottom: 10px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
}
input[type=email]{
margin-bottom: 10px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
}
input[type=contact]{
margin-bottom: 10px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
}

input[type=submit]
{
margin-bottom: 10px;
width:100%;
padding: 20px;
border-radius:5px;
border:1px solid #7ac9b7;
background-color: #4180C5;
color: aliceblue;
font-size:18px;
cursor:pointer;
}
input[type=submit]:hover
{
background-color:#383872;
}
textarea{
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #7ac9b7;
border-radius:5px;
margin-bottom: 10px;
resize:none;
}
input:focus,
textarea:focus {
  border: 2px solid #1E93AB !important;
  outline: none !important;
}
input:focus {
  border: 2px solid #1E93AB;
  outline: none;
}

label { font-size:18px; color:#000000; line-height: 18px;}

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

input[type=submit]
{
padding:4px;
font-size:16px;
}
input[type=text]{
padding: 8px;
}
label{
font-size:18px;
}
h2{
font-size:18px;
}
p{
font-size:16px;
}
div#envelope{
width: 100%;
margin: 10px 0%;
}
heaader {width:100%; padding:3%;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {

h2{
font-size:18px;
}
p{
font-size:16px;
}
label{
font-size:18px;
}
input[type=submit]{
padding:5px;
}
input[type=text]{
padding: 8px;
}
div#envelope{
width: 100%;
margin: 10px 0%;
}
heaader {width:100%; padding:3%;}
}