header{
    
background-image:url(../img/mountainview.jpeg);
background-size: 100%;
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top;
height: 300px;
    
}

body{
    background:white;
    font-family: 'helvetica';
}

p{font-size: 1em;
line-height:1.7;
word-spacing: normal;
text-align: center;
text-align: justify;
letter-spacing:.07em;
margin:3em;
color:gray}



p2 {justify-content: left;
    display: flex;
    word-spacing: 3px;
    line-height: 1.3p;
    color: slategray;
    margin-left: 20px;
    
}




h1{font-size:6em;
    align-content: center;
    align-items: center;
    color:cadetblue;
    text-align: center;
}

h1:hover {
    
    color: gainsboro;
    text-decoration: underline; 
}





h4{
font-size: 3em;
font-weight: lighter;
text-align: center;
color: darkgray;
line-height: normal;
margin-left: auto;
margin-right: auto;
    
}

h2{
font-size: 1.5em;
font-weight: lighter;
text-align: center;
color: darkgray;
line-height: normal;
margin-left: auto;
margin-right: auto;
text-align: left;
text-transform: uppercase;
text-shadow: 1px 1px gray 100%}

h2:hover {
    color:cadetblue;
    
    
}

h3 {
    font-size: 1.6em;
    color: white;
    font-weight: lighter;
    text-align: left;
    font-weight: thin;
    padding: 50px;
    background: cadetblue;
}

a:link,
a:visited{
    text-decoration: none;
    color: cadetblue;  
    text-align: left;
    padding: 25px
}

a:hover {
   color: gainsboro;
}


nav ul {
list-style:none;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
font-weight:lighter;
font-size: 1.3em;
text-decoration: none;
text-align: left;
}


ul:hover {
    color:gainsboro;
    text-decoration: none;
}



li {list-style: none;
text-align:center;
font-size: 1em;}


img{
    justify-content:center; 
    display: block;
    align-items: center;
    margin-left: auto ;
    margin-right: auto;
    padding: 10px;
    vertical-align: baseline;
    
}



form{
    vertical-align: baseline;
    flex-flow: nowrap;
    justify-content: flex-end;
    display: 
    
}






.page-wrapper{
    background:tan;
    width: 90%;
    margin: 0 auto;
    justify-content: flex-end;
}

label, 
input,
textarea {
    display:block;
    margin: .20em;
    padding: .20em;
    width: 28%;
    margin-left: auto;
    margin-right:auto;
    align-items: baseline;
    margin-top: 1px;
    position:relative;
    bottom:0;
    border:round;
    color: cadetblue;
    vertical-align: baseline;
    
    
    
}

textarea {
  height: 5em;
}

input[type="submit"] {
  background: gainsboro;
  border-radius: 5px;
  width: 10;
  padding: 1em;
  border: none;
}

input[type="submit"]:hover {
  background: cadetblue;
  color: #fff;
}

:focus {
  background: #ccc;
}



form {
display: flex-end;
align-content: flex-end;
justify-content: center;
image-orientation: bottom;
}


article {
  display: block;
  flex-flow: row;
    text-align: left;
}

.footer {
  padding: 20px 0;
  text-align: center;
}








/* Mobile: 320px = 20em */
@media screen and (min-width: 20em) { 
  
}

/* Tablet:  768px = 160em */
@media screen and (min-width: 48em) 

}

/* Desktop: 1280px = 80em */
@media screen and (min-width: 80em)