html {
   height: 100%;
}
.tester
{
    margin-top:40px; 
    background-color:#eee; 
    padding:10px; 
}
.phonebg
{
  background-image: url('../img/sf_iphone.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.comingsoon
{
    border:solid 1px red; 
    font-weight: lighter; 
    width:100%; 
    margin:auto;
    margin-top:40px;
    padding:5px;
    color:red;
}

body {
   /* height: 100%;*/
    background-color:white;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);/**/
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
  }

/*
 * Footer
 */
 .mastfoot {
    font-size:small;
    padding-top:20px;
    /*color: rgba(255, 255, 255, .5);*/
  }

  .mainheader
  {
    background-color:black; 
    /*background: url(../img/libertyblur.jpg) no-repeat;
    background-size: 100%;*/
    color:white;
    min-height:100vh;
    justify-content: center;
    align-items: center;
  }

  .mainheader .lead
  {
    color:white;
  }


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2, .marketing h3 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

  .showmobile{
    display: block;
 }

 .hidemobile
 {
   display:none !important;
 }

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .hidemobile{
    display: block !important;
    height:40vw;
 }

 .showmobile
 {
   display:none !important;
 }
}