/* Styles added for Skimm landing page */


/*Global*/

.text-center{
  text-align: center;
}

.z-index-100{
  z-index: 100;
}
.z-index-1000{
  z-index: 1000
}
.clear-both{
  clear:both;
}

.center-vertically{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/*Revised Original*/
.mobile-header-for-skimm{
    top: 0;
    position: fixed;
    z-index: 3;
    background: #2e2e2e;
    width: 100%;
    height: 65px !important;
    padding: 0px 5px;
    margin: 0  !important;
    z-index: 9999;
}

/*Content Sections*/

.page-section{
  top:150px;
  position: relative;
}
.black-section{
  background: #2e2e2e;
}
.black-section p, .black-section h1{
  text-align: center;
}
.green-section{
  background: #a5efd3;
}
.pink-section{
  background:#fbb4aa;
}
.blue-section{
  background: #ace1fe;
}
.gray-section{
  background: #e2e2e2;
}
.footer-gray-section{
  background: #eeeeee;
}

.quotes{
  width: 40px;
  height: auto;
  display: block;
}

/*Header Link*/

.download-on-ios{
    color: #A5EFD3!important;
    font-family: 'National-Bold';
    font-size: 16px;
}

/*Media Queries*/

@media only screen and (max-width: 710px){
  .right{
    float: right!important;
  }
}
@media only screen and (max-width: 400px){
  .promo p {
      padding:0;
      font-size: 16px;}

  .hinge-img{
    width: 52px;
    padding-top: 16px;
  }
  .skimm-image{
    width: 70px;
  }
}

/*Override Existing Promo Button Color*/

.promo button {
  background: #A5EFD3;
  color: #000;
}

.text-me-button{
  background: #2e2e2e!important;
  border: 1px solid #A5EFD3;
  
}
.text-me-link{
  color: #A5EFD3!important;
}

/*Bottom Hinge Android */
.hinge-android{
  text-align: center;
}

/*Override*/
.linkTextingWidget .linkTextingInner {
  width: 100%!important;

}