/*
 * Base structure
 */

 html,
 body {
   height: 100%;
   background-color: #333;
 }
 
 body {
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
   color: #fff;
   text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
   box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
 }
 
 .cover-container {
   max-width: 42em;
 }
 
 
 /*
  * Header
  */
 .masthead {
   margin-bottom: 2rem;
 }
 
 .masthead-brand {
   margin-bottom: 0;
 }
 
 .nav-masthead .nav-link {
   padding: .25rem 0;
   font-weight: 700;
   color: rgba(255, 255, 255, .5);
   background-color: transparent;
   border-bottom: .25rem solid transparent;
 }
 
 .nav-masthead .nav-link:hover,
 .nav-masthead .nav-link:focus {
   border-bottom-color: rgba(255, 255, 255, .25);
 }
 
 .nav-masthead .nav-link + .nav-link {
   margin-left: 1rem;
 }
 
 .nav-masthead .active {
   color: #fff;
   border-bottom-color: #fff;
 }
 
 @media (min-width: 48em) {
   .masthead-brand {
     float: left;
   }
   .nav-masthead {
     float: right;
   }
 }
 
 
 /*
  * Cover
  */
 .cover {
   padding: 0 1.5rem;
 }
 .cover .btn-lg {
   padding: .75rem 1.25rem;
   font-weight: 700;
 }
 
 
 /*
  * Footer
  */
 .mastfoot {
   color: rgba(255, 255, 255, .5);
 }

 
body {
  background: #f4af1c;
  /*    background: #fff;*/
  font-family: Ubuntu, arial;
  min-height: 100%;
  height: auto;
}

.cover-container {
  max-width: 43em;
}

.cover-heading {
  /*    color: #1976d2;*/
}

.platforms {
  background: white;
  width: 43em;
  /*    height: 30em;*/
  height: auto;
  border-radius: 10px;
  box-shadow: 0 1px 45px rgba(0, 0, 0, 0.3);
  text-shadow: none;
  padding-bottom: 60px;
}

.platforms-title {
  color: black;
  text-shadow: none;
  font-weight: bold;
  padding: 40px 0;
  border-color: #DE6E4B;
}

.platform-option {
  color: #DE6E4B;
  cursor: pointer;
  padding-bottom: 15px;
}

.platform-option_disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.platform-title {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.8);
}

.platform-icon {
  font-size: 5em;
  color: rgba(0, 0, 0, 0.8);
}

.platform-icon_android {
  color: #7A6563;
}

.page-loader {
  padding: 60px 0;
}

.btn-green {
  color: white;
  background: #ed7d31;
  border: none;
  padding: 15px 30px;
  border-radius: 5px;
}

.card-body {
  color: #888;
}

.card-body img {
  max-width: 360px;
}

.mb-0 button {
  font-weight: bold;
}

@media (max-width: 768px) {
  .platforms {
      /*        width: calc(100vw - 380px);*/
      width: calc(100vw - 30px);
      height: auto;
  }
  .cover {
      padding: 0;
  }
  .card-body img {
  max-width: 100%;
}

}


/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}