/*
Suggested Colors:
darker-teal: #1B4D54
lighter-teal: #386D75
darker-tan: #837364
lighter-tan: #908478
beige: #D4CDC3
white: #ffffff
darker-brown: #332C26
lighter-blue: #9AC6CC
grey-blue: #80A0A2
*/
.page {
      background-color: #eeeeee;
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      min-height: 10%;
      margin: auto;
      padding: 0px;
      height: 100%;
    }
.container {
      /*background-color: #eeeeee;*/
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      min-height: 10%;
      margin: auto;
      padding: 20px;
      height: 100%;
    }
.outer-card {
      background-color: #b0390e;
      font-size: 1.5vw;
      text-align: center;
      width: 60%;
      display: inline-block;
      margin: auto;
      padding: 2px;
      border-width:2px #b0390e;  
      border-style:inset;
    }
.inner-card {
      background-color: #0d0f52;
      font-size: 1.5vw;
      color: #f0c011;
      text-align: center;
      width: 95%;
      display: inline-block;
      min-height: 10%;
      margin: auto;
      padding: 2%;
    }
.mapit {
      /*background-color: #27802f;*/
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      min-height: 10%;
      margin: auto;
      padding: 20px;
    }


/*Start media queries*/
/* start of desktop styles */

@media screen and (max-width: 991px) {
/* start of large tablet styles */

}

@media screen and (max-width: 767px) {
/* start of medium tablet styles */

}

@media screen and (max-width: 479px) {
/* start of phone styles */

}