/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    #about { padding-top: 40px;}
    #about h1{ font-size: 2rem; line-height: 1.2 }
    #about p { font-size: 20px;}

    #product { text-align: center;}
    #product img.feat { margin-top: 0px;}

    #support {text-align: center;}
    #support h1 { margin-top: 40px; line-height: 1.5;}

    #client, #cta {padding: 40px 0px;}
    #client h1 { line-height: 1.5 }
    #client p {padding: 5px; font-size: 16px;}

    #cta h1 {margin-right:0px; line-height: 1.5;}
    #cta a {display: block; margin-top: 20px;}

    #buttons .rqst {padding-bottom: 60px; margin-bottom: 40px; background: url("../img/layout/sep.png") no-repeat scroll bottom center}

    footer h1 {line-height: 1.5;}
    #navbarExample {padding-bottom: 20px;}


}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px){

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    #cta  a { display: inline-block; margin-top: 20px;}
    #buttons .rqst {padding-bottom: 60px; margin-bottom: 40px; background: url("../img/layout/sep.png") no-repeat scroll bottom center}

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .masthead .intro-body .brand-sub {  margin-top: 130px;  }
    #product .title {  margin: 30px 00px 20px 00px; font-size: 28px;  }
    #product p.text { margin: 0 0 30px 0;  font-size: 16px; }
    #product a {   margin: 0px 0px 20px 0px }
    #product .prodimg { margin-top: 60px; }
    #support h1 {  font-size: 20px;     margin-bottom: 10px;     margin-top: 28px;  }
    #support p { font-size: 16px; }

    #buttons .rqst {padding-bottom: 60px; margin-bottom: 40px; background: url("../img/layout/sep.png") no-repeat scroll bottom center}
    #cta a {   display: inline-block;  margin-top: 20px;  }
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    #mainNav {font-size: 0.8rem;}
    #support h1 {       margin-top: 40px;  }
    #buttons .rqst {padding-bottom: 60px; margin-bottom: 40px; background: url("../img/layout/sep.png") no-repeat scroll bottom center}
    #cta a {   display: inline-block;  margin-top: 20px;  }

}