header {
    height: 3em;
    background: #04B4AE;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-top: .5em;
    box-shadow: 2px 2px 2px grey;
  }
  

footer {
    height: 30px;
    background: red;
  }


body {
padding-left: 5em;
padding-right: 5em;
background-color: white;
 }
 
/* "auto" makes the left and right margins center the wrapper */
#wrap { 
	width: 900px; 
	margin: 0 auto; 
	text-align: left;
}


input, select, textarea {
color:  #5d6d7e ; 
}

input, select, textarea {
background-color: white;
}

input[type="text"]
{
    font-size:14px;
}

input[type=text] {
    
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
}


/*GROW*/
.grow img {
  height: 50px;
  width: 150px;
   -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
 
}
 
.grow img:hover {
  width: 150px;
  height: 50px;
  -webkit-filter: grayscale(100%);
}



.buttonstyle 
{ 
background: black; 
border-radius: 5px;
background-position: 0px -401px; 
font-size: 14px;
border: solid 1px grey; 
color: white;
height: 21px;
margin-top: -1px;
padding-bottom: 2px;
box-shadow: 2px 2px 2px grey;
}
.buttonstyle:hover {background: white;background-position: 0px -501px;color: grey; }

.buttonstyle2 
{ 
background:  #b3b6b7; 
border-radius: 5px;
background-position: 0px -401px; 
font-size: 14px;
border: solid 1px grey; 
color: white;
height: 21px;
margin-top: -1px;
padding-bottom: 2px;
box-shadow: 2px 2px 2px grey;
}
.buttonstyle2:hover {background:  #d0d3d4;background-position: 0px -501px;color: black; }



.myform {
border: solid 1px #D8D8D8;
border-radius: 15px;
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
} 


form {
background-color :  #f4f6f7 ;
border-radius: 15px;
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
box-shadow: 2px 2px 2px grey;
}
    
input {
  border : 3px solid #gray;
}