/* ==========================================================================
 Author's custom styles
 ========================================================================== */

 .navbar-default .navbar-nav > .active > a {
    color:#06c8da;
    background: none;
 }

iframe, object, embed {
        max-width: 100%;
}

.display-none{
    display:none;
}

body {
    /*background: #0a0a0a;*/
   /*font-size: 20px;*/
}
.navbar-header{
   /*background-color: pinnk;*/
}
.center-vertical {
    text-align: center;
}
.col-centered {
    display: block;
}

.img-small {
    width: 175px;
    height: auto;
}


.parent {
    display:table;
    border:2px solid gray;
    height:400px;
    max-width:800px;
}

.child {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
.rwLink{
  background-color: rgba(120,120,120,.1); /*#4285FF;*/ /*#dc4d38;*/
  height: 100px;
  line-height: 100px;
}

.rwLink a {
  color:grey;
  font-weight: lighter;
  font-size: 1.3em;
}
body{
  padding-bottom:0px;
}


/*Main Screen*/
.main-screen {
    /*background-image: url(../img/a.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   background-color: rgb(220,220,220);*/
}

.main-screen-text{
}

.main-screen > .container {
    /*text-align: center;*/
    color: rgb(200,200,200);
    /*padding:20px;*/
}

.main-screen-title {
    font-weight: 300;
    color:#333;
}

.navbar-brand{
    max-width: 50%;
}
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*Carousel*/
.item {
    background-color: #ccc;
    display: block;
}

.carousel-caption {
    color: #000;
    position: static;
}

.main-screen-text {
    color: rgb(100,100,100);
    padding: 20px;
}
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/* Content Separator */
.content-separator {
    /*width: 100%;*/
    height: 42px;;
    background-color: rgb(40,40,40);
    line-height: 42px;
}

.content-separator-text {
    color: grey;
    text-transform: uppercase;
}
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*Video section*/




/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
#features{
    /*margin-top:15px;*/
}

.feature-padding{
    padding:4%;
}
/*Features*/
.feature-col {
    /*padding:28px;*/
}

.feature-text{
    /*margin-top: 20px;*/
}

.feature-header {
    font-size:2.5em;
    font-weight:lighter;
}

.feature-desc {
    /*font-weight: lighter;*/
    font-size: 1em;
    color:grey;
}

.background-highlight{
 background-color: #CCCCCC
}
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*Reviews*/
.reviews-section {
    padding: 20px;
}
.review-text {
    color: rgb(160,160,160);
    padding: 20px;
}

.review-text  cite {
    color: grey;
    font-weight: bold;
}
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*Footer*/
.footer{

}



/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
      body{
          font-size:14px;
      }

      #main-page-icon{
        padding-top: 50px;
      }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        body{
            font-size:15px;
        }

        #main-page-icon{
          padding-top: 80px;
        }

        /*iOS Feature Page*/
        .ios-feature-header{
          margin-top:20px;
        }

        .mainpage-feature-header{
          margin-top:20px;
        }
    }


    @media only screen and (min-width : 810px) and (max-width : 991px) {
      /*iOS Feature Page*/
      .ios-feature-header{
        margin-top:70px;
      }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
         body{
             font-size: 16px;
        }

        #main-page-icon{
          padding-top: 120px;
        }

        /*iOS Feature Page*/
        .ios-feature-header{
          margin-top:100px;
        }
        .mainpage-feature-header{
          margin-top:100px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
         body{
             font-size:17px;
             font-weight: 300;
        }

        .feature-header{
            font-size:3em;
        }


        #main-page-icon{
          padding-top: 200px;
        }

        /*iOS Feature Page*/
        .ios-feature-header{
          margin-top:200px;
        }
        .mainpage-feature-header{
          margin-top:110px;
        }
    }


    @media only screen and (min-width : 1420px) {
      /*iOS Feature Page*/
      .ios-feature-header{
        margin-top:250px;
      }

      .feature-header-title{
        font-size:4em;
      }
    }


    .ms-header{

      color:grey;
      font-weight:300;
    }

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#google-fit-winner{
  padding: 30px 20px 0 20px;
}


#app_store_badge{
  display:none;
}

#releaseDateTextId{
  display:none;
}

.in-review{
  background-color: rgb(160,160,160);
  padding:50px;
  text-align: center;
}
.in-review p{
  color:black;
  max-width: 600px;
  margin: auto;
}