/* Shared */
.button {border-radius:100px;}

/* Sections */
.section {padding:2rem 0 7rem; text-align:center;}
.section-heading, .section-description {margin-bottom:1.2rem;}

/* Hero */
.phones {position:relative;}
.phone {position:relative; max-width:80%; margin:3rem auto -12rem;}
.phone + .phone {display:none;}

/* Values */
.values {background-image:url('../images/values-bg.jpg'); background-size:cover; color:#fff; padding-bottom:5rem;}
.value-multiplier {margin-bottom:.5rem; color:#11DFC7;}
.value-heading {margin-bottom:.3rem;}
.value-description {color:#000;}

/* Help */
.get-help {border-bottom:1px solid #ddd;}

/* Categories */
.categories {background-image:url('../images/values-bg.jpg'); background-size:cover; color:#fff;}
.categories .section-description {margin-bottom:4rem;}

.video-phone-inset{position:absolute; top:50px; left:50%; margin-left:-96px;}
.video-phone-inset-play-button {position:relative; top:150px; left:5px;}

.hero {height:70px !important;}

/* Bigger than 550 */
@media (min-width:550px) {
  x.section {padding:12rem 0 11rem;}
  .hero {xpadding-bottom:12rem; text-align:left; height:70px !important; xborder:1px dotted green;}
  .phone {position:absolute; top:-7rem; right:3rem; max-height:362px; z-index:3;}
  .phone + .phone {top:-6rem; display:block; max-width:73.8%; right:0; z-index:2; max-height:338px;}
  .hero-heading {font-size:2.4rem;}
  .video-phone {float:right;}
  .video-phone-inset{position:absolute; top:50px; right:20px; xborder:3px solid pink; left:auto; margin-left:0;}
  .video-phone-inset-play-button {position:relative; top:150px; left:50px;}
}

/* Bigger than 750 */
@media (min-width:750px) {
  .hero {height:0px !important; xborder:1px solid red;}
  .hero-heading {font-size:2.6rem;}
  x.section {padding:14rem 0 15rem;}
  .hero {padding:2rem 0 14rem;}
  .section-description {max-width:60%;margin-left:auto;margin-right:auto;}
  .phone {top:-14rem;right:5rem;max-height:510px;}
  .phone + .phone {top:-12rem;max-height:472px;}
  .categories {padding:15rem 0 8rem;}
  .video-phone {float:right;}
  .video-phone-inset {position:absolute; top:50px; right:20px; xborder:3px solid pink; left:auto; margin-left:0;}
  .video-phone-inset-play-button {position:relative; top:150px; left:50px;}
}

/* Bigger than 1000 */
@media (min-width:1000px) {
  x.section {padding:20rem 0 19rem;}
  .hero {padding:2rem 0; xborder:1px solid blue; height:120px !important;}
  .hero-heading {font-size:3.0rem;}
  .phone {top:-16rem; max-height:615px;}
  .phone + .phone {top:-14rem; max-height:570px;}
  .video-phone {float:right;}
  .video-phone-inset{position:absolute; top:50px; right:20px; xborder:3px solid pink; left:auto; margin-left:0;}
  .video-phone-inset-play-button {position:relative; top:150px; left:50px;}
}

body {background:#fff url(../img/background-v2.jpg) 0px 0px repeat-x; padding:0; margin:0;}
h2 {font-size:150%; color:#be2424; background-color:rgba(255,255,255,1); padding:15px 5px; border-radius:5px; border:3px solid #000; font-family:
 'Bangers', sans-serif; text-align:center; letter-spacing:0.06rem;}
h3 {font-size:120%; color:#be2424; background-color:rgba(255,255,255,1); font-family: 'Bangers', sans-serif; text-align:center; letter-spacing:0.06rem;}