.mae {padding:15px;}
.fade:hover{opacity: .35;}
.fade {opacity: 1.0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
::selection {background: #e9a095;}
::-moz-selection {background: #e9a095;}
p { font-family: helvetica, arial, sans-serif; font-weight: 300; font-size: 17px; line-height: 21px; color: #fff; letter-spacing: .5px;}
h1 { font-family: helvetica, arial, sans-serif; font-size: 16px; line-height: 18px; color: #13375a;}
h2 { font-family: helvetica, arial, sans-serif; font-size: 26px; line-height: 18px; color: #bb463c;}
.mobile-only {visibility: hidden;}
.mae-thumbnail {height:200px;}
.mae-logo {width:200px;}
.center {text-align:center;}
.remove-margin {margin:0px;}
.mae-hr {margin: 0px;}
.float-left {float:left;}
.float-right {float:right;}
a.fade { font-family: helvetica, arial, sans-serif; font-size: 20px; line-height: 36px; color: #13375a; }
a.fade:active { font-family: helvetica, arial, sans-serif; font-size: 20px; line-height: 36px; color: #13375a;}
a.fade:hover { font-family: helvetica, arial, sans-serif; font-size: 20px; line-height: 36px; color: #13375a;}



.pre-order-item {
    min-width: 100%;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    padding: 10px 45px 10px 45px;
    margin: 0px
}

.pre-order-item:hover {
    background: #f5f5f5;
}


html{
  height:100%
}
body{
  height:100%;
}
.intro{
  height:100%
}

.mae-intro {
  background-image: url("../images/oliapp-bg.png");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #13375a;
}

.mae-button, .mae-button:visited {
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  color: #ded0bb;
  background-color: transparent;
  padding: 8px 14px;
  border-radius:3px;
  border: 1px solid #ded0bb;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  width: 150px;
  display: inline-block;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: initial;
}

.mae-button:hover {
  background-color: #ded0bb;
  color:#fff;
}

.date-link{color: #535353 !important; font-size:16px !important; letter-spacing:1px; line-height:26px !important; font-family: helvetica, arial, sans-serif; font-weight: 300;}

.mae-button-2, .mae-button-2:visited {
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  color: #13375a;
  background-color: transparent;
  padding: 8px 14px;
  border-radius:3px;
  border: 1px solid #13375a;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  min-width: 175px;
  display: inline-block;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: initial;
}

.mae-button-2:hover {
  background-color: #13375a;
  color:#fff;
}


@media (max-width: 750px) {

.about{
  display : flex;
  justify-content : center;
  align-items : center;
  background-color:#000;
  color : #FFF;
  height:100%
}

.hr {margin:0px; padding: 0px;}



@media

/* Fairly small screens including iphones */
only screen and (max-width: 750px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px)

{
.hide {display: none;}

.intro{
  margin-bottom:75px;
}

p.mastfoot {font-size:8px;}