.page {
      background-image: url('/media/paper.jpg');
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.container {
      text-align: center;
      width: 720px;
      display: inline-block;
      margin: auto;
      padding: 0px;
      vertical-align: top;
    }
.header {
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      margin-top: 32px;
      margin-bottom: 32px;
      padding: 0px;
    }
.left-column {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 20%;
      display: inline-block;
      margin: auto;
      padding: 0px;
      float: left;
      box-sizing: border-box;
      vertical-align: top;
    }

.right-column {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 20%;
      display: inline-block;
      margin: auto;
      padding: 0px;
      float: right;
      box-sizing: border-box;
      vertical-align: top;
    }
.lower-row {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.item-col-cell {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
      margin-bottom: 7px;
      height: 140px;
    }
.item-row-cell {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 20%;
      display: inline-block;
      margin: 12px;
      padding: 0px;
      height: 140px;
    }
.item-img {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100px;
      height: 100px;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.item-title {
      font-family: "Comic Sans MS";
      font-size: 16px;
      font-weight: bold;
      color: #660066;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.center-column {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 60%;
      display: inline-block;
      margin: auto;
      padding: 0px;
      float: left;
      box-sizing: border-box;
      vertical-align: top;
    }

.slideshow {
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
      box-sizing: border-box;
    }
.audio {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 80%;
      display: inline-block;
      margin: auto;
      padding: 0px;
      margin-left:15%;
    }
.mejs-container {
      background: transparent;
      background-image: url("/pages/mej/background.png");
}
.outreach {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.donate-cell {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 30%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }

.donate { 
      display: inline-block;
      margin: 0 10px;
      font-weight: bold; 
      font-size: 16px; 
      font-style: italic;
      color: #003366; 
      cursor: pointer;
      background-color: #fedfa2; /* Old browsers */
      background: -moz-linear-gradient(top, #f9f2de 20%, #f8b500 66%, #f9ebc7 93%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f9f2de), color-stop(66%,#f8b500), color-stop(93%,#f9ebc7)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #f9f2de 20%,#f8b500 66%,#f9ebc7 93%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f9f2de 20%,#f8b500 66%,#f9ebc7 93%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #f9f2de 20%,#f8b500 66%,#f9ebc7 93%); /* IE10+ */
      background: linear-gradient(to bottom, #f9f2de 20%,#f8b500 66%,#f9ebc7 93%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f2de', endColorstr='#f9ebc7',GradientType=0 ); /* IE6-9 */
      padding: 4px 10px; 
      text-decoration: none;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border: 1px solid #ff9933;
      font-family: arial, sans-serif;
}
.donate:hover { 
      background-color: #480066; 
}


.email-cell {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 30%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.sm-cell {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 30%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }

.main-content {
      font-size: 1.5vw;
      color: #333333;
      text-align: left;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.footer {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.footer-img {
      font-size: 1.5vw;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.footer-text {
      font-size: 9px;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }


/*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 */

}