.photo{}

header{ background-size:100%; color:#fff; text-align: center; width:100%; padding:10em 0;}
.intro{background:rgba(0,0,0,0.5); width:90%; max-width: 900px; margin: 0 auto 0 auto; padding:2em 0;}
.intro *{width:90%; max-width: 850px; margin-left:auto; margin-right:auto; text-align: left;}

.container{width:90%; max-width:800px; text-align: left; margin-left: auto; margin-right: auto;}

.main{background: #fff; width:90%; max-width:900px; padding:2em 0 0 0; margin:-2em auto 0 auto; color:#333; text-align: left;}

/*TYPOGRAPHY*/
body{font-family: Georgia, "Times New Roman", serif;}
h1{font-family: "Arial Black", arial, sans-serif; font-size: 4em; width:100%; border-bottom:1px solid #fff; padding-bottom:0.3em; margin-bottom: 0.3em;}
p{font-size:1.1em; margin:0 0 2em 0; line-height: 1.5em;}

.intro p{font-style: italic; margin-bottom:0;}


/*=============TABLETS - LANDSCAPE ==========*/
@media only screen and (min-width: 960px) and (max-width: 1025px) {


}

/*=============TABLETS - PORTRAIT ==========*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}


/*=============PHONES==========*/
@media only screen and (max-width: 767px) {
header{padding:4em 0;}
}