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

/* --- Large Devices, Laptops & Desktops >=1200px --- col-lg --- */
@media screen and (max-width: 1200px) {
  .container-fluid {
      padding: 60px 90px;
  }
  .jumbotron {
/*      color: grey;  */
  }
  .panel-footer {
      min-height: 160px;
  }
}

/* --- Medium Devices, Small Laptops >=992px --- col-md --- */
@media screen and (max-width: 992px) {
  .container-fluid {
      padding: 60px 90px;
  }
  .jumbotron {
/*      color: green;  */
  }
  .panel-footer {
      min-height: 180px;
  }
}

/* --- Small Devices, Tablets >=768px --- col-sm --- */
@media screen and (max-width: 768px) {
  .col-sm-4 {
/*    text-align: center;  */
    margin: 25px 0;
  }
  .btn-lg {
      width: 100%;
      margin-bottom: 35px;
  }
  .logo {
      font-size: 150px;
  }
  .container-fluid {
      padding: 60px 70px;
  }
  .jumbotron {
/*      color: blue;  */
  }
  .jumbotron img {
      width: 30px;
  }
  .panel-footer {
      min-height: 200px;
  }
  #rc-imageselect, .g-recaptcha {
      transform:scale(0.77);
      -webkit-transform:scale(0.77);
      -moz-transform:scale(0.77);
      -ms-transform:scale(0.77);
      -o-transform:scale(0.77);
      transform-origin:0 0;
      -webkit-transform-origin:0 0;
      -moz-transform-origin:0 0;
      -ms-transform-origin:0 0;
      -o-transform-origin:0 0;
  }
}

/* --- Extra small Devices, Phones <768px --- col-xs --- */
@media screen and (max-width: 480px) {
  .logo {
      font-size: 150px;
  }
  .container-fluid {
      padding: 60px 50px;
  }
  .jumbotron {
/*      color: red;  */
  }
  .jumbotron img {
      width: 30px;
  }
}

/* =======================================================
   =                  Non-Mobile Method                  =
   ======================================================= */