/* ==========================================================================
Mobile styles
========================================================================== */
/* Landscape phones and down */
/*@media (max-width: 480px) {

}*/


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .hero-pretitle {
    font-size: 25px;
  }

  #get-started {
    bottom: 50px;
  }

  .page-title {
    font-size: 2em;
  }

  #restart-btn {
    margin-top: 20px;
  }

  #content-wrapper {
    padding-top: 35px;
  }
}


/* Portrait tablet to landscape and desktop */
/*@media (min-width: 768px) and (max-width: 991px) {

}*/



/* Desktops and laptops ----------- */
/*@media (min-width: 992px) and (max-width: 1199px) {

}*/



/* Large screens ----------- */
/*@media (min-width: 1200px) and (max-width: 3000px) {

}*/