@media only screen and (min-width: 569px) and (max-width: 959px) {
.cover .intro{width:80%;}
.cover ._container{width:80%; padding:0;}
.cover .main{width:100%; margin:0 auto;}
}


/*cover style page*/
.cover{ width:100%; height: 100%; 
background-position: center; background-repeat: no-repeat; background-size:cover; position:relative;
background-color:#333; background-position: center; background-repeat: no-repeat; background-size:cover; position:relative;
}

.cover header{position:absolute; left:7.5%; top:7.5%; width:85%; text-shadow: 1px 1px 1px rgba(54, 54, 54, 0.6); text-align: left; width:80%;}
.cover ._container{position:absolute; right:4%; bottom:30px; width:30%; text-align: right;}

/*TYPOGRAPHY*/
.cover h1{margin: 0; width:80%; font-family: 'Roboto', "Arial Black", arial, sans-serif; font-weight: 900; text-transform:uppercase; font-size: 5em; color:#fff; text-align: left; }
.cover h2{margin:0; width:80%; font-family: 'Roboto', "Arial Black", arial, sans-serif; font-weight: 300; color:#fff;}
.cover p.price{margin:0; width:80%; font-family: 'Roboto', "Arial Black", arial, sans-serif; font-weight: 300; color:#fff; font-size: 1.5em;}
.cover h3{font-family: 'Roboto', "Arial Black", arial, sans-serif; font-weight: 300; color:#fff; font-size:1.2em; text-transform:uppercase;}


.cover ._container p{margin:0; color:#fff; text-shadow: 1px 1px 1px rgba(54, 54, 54, 0.6); font-family: 'Roboto', "Arial Black", arial, sans-serif; font-weight: 300; line-height: 1.2em; font-size: 1.5em; padding-bottom: 2em;}

.cover ._container p.summary{border-bottom: 1px solid #fff; padding:0 0 1em 0; margin:0 0 1em 0; font-size: 1.4em; font-weight: bold; }
.cover ._container p.summary{border-bottom: 1px solid #fff; padding:0 0 1em 0; margin:0 0 1em 0; font-size: 130%; font-weight: bold;}
.cover .summary_wrap { font-size: 100%; color: #fff; font-family: 'Roboto', 'Arial Black', arial, sans-serif; text-shadow: 1px 1px 1px rgba(54, 54, 54, 0.6); }
.cover .summary_wrap p {  margin: 0; padding: 0 0 0.5em 0; }
.cover .summary_wrap ul { color: #fff; font-size: 100%; list-style: none; margin: 0; padding: 0;}
.cover .summary_wrap li { padding: 0; margin: 0; content-before: '- '; }
.cover .summary_wrap li:before { content: '- '; }
.cover .summary_wrap a { color: #fff; font-weight: bold; }
.cover .summary_wrap a:hover { text-decoration: underline; }

/* ie8 only hack */
.cover { max-width: 1000px\9; margin: 0 auto; }


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

.cover ._container{width:60%;}
}

/*=============PHONES==========*/
@media only screen and (max-width: 568px) {
.cover{float:left; min-height: 100%;}
.cover h1 { font-size: 250%; }
.cover header{width:90%; margin:4em 5%; left:auto; top:auto; float: left; position: relative;}
.cover .main ._container{width:90%; margin:0 5% 0em 5%; right:auto; bottom:auto; float: left; position: relative; font-size: 80%;}
}