h3{
  color:#28835c;
}

.banner{
  background:url('../images/background.jpg');
  background-size:cover;
  background-position:center;
  border-bottom:5px solid #28835c;
  height:90vh;
  width:100%;
  position:relative;
}
.banner-short{
  height:calc(90px + 1em);
  background-color:#444;
  background:url('../images/header-pattern.png');
  width:100%;
}

.logo{
  position:absolute;
  text-align:center;
  top:30px; left:0;
  color:#fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
  width:30%;
}
.logo h1{
  margin:0; font-size:10.5rem; font-family:'DM Serif Display', serif; font-weight: 400; font-style: normal;
}
.logo span{display:none;}
.logo img{
  width:100%;
}

@media only screen and (min-aspect-ratio: 8/7){
  .banner-short .logo{
    top:15px;
    text-align: left;
    width:50%;
  }
  .banner-short .logo h1{
    font-size:6rem;
    display:inline;
    vertical-align:middle;
  }
  .banner-short .logo span{
    display:inline-block;
    margin-left:30px;
    vertical-align:middle;
    font-size:1em;
    width:calc(100% - 30px - 8.2rem);
  }
  .banner-short .logo img{
    display:inline;
    vertical-align:middle;
    height:7.5rem;
    width:auto;
  }
}

.menu{
  display:inline-block;
  position:absolute;
  top:30px;
  right:-30px;
  padding:0 15px;
}
.menu li{
  list-style:none;
  display:inline-block;
  padding:0;
  margin:0;
}
.menu li a{
  color:#fff;
  display:block;
  padding:10px 15px;
  text-decoration:none;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.menu li a:hover{
  background:rgba(0,0,0,0.5);
}
.menu .active{border-bottom:5px solid #28835c;}
@media only screen and (max-aspect-ratio: 8/7){
  .banner, .banner-short{
    background-color:#444;
    background:url('../images/header-pattern.png');
    height:auto;
    text-align:center;
    border:none;
  }
  .banner .container, .banner-short .container{
    padding:0;
    min-width:100%;
    position:relative;
  }
  .logo, .logo h1, .logo span, .menu, .banner .container, .banner-short .container{
    display:block;
    position:relative;
    width:100%;
  }
  .logo{
    top:auto;
    left:auto;
    padding-bottom:30px;
  }
  .logo img{width:50%;margin:4rem 0;}
  .menu{
    background:#28835c;
    left:auto;
    right:auto;
    top:auto;
    margin:0;
    padding:0;
  }
  .menu li{
    width:calc(33.333333% - 1em);
    text-align:center;
  }
  .menu li a{
    font-size:4.5vw;
    padding:0.5em 0;

  }
  .menu li:last-of-type{display:none;}
  .menu .active{
    border:none;
  }
}
.footer{
  background:#28835c;
  color:#fff;
  font-size:0.8em;
  padding:2rem 0;
  text-align:center;
}
.footer a{
  color:#fff;
  text-decoration:none;
}
.footer a:hover{
  color:rgba(255,255,255,0.5);
}
.sandumedia{
  color: #fff;
  font-family:"Cormorant Garamond", serif;
  font-weight:400;
  font-size:1.5em;
  font-style:normal;
  text-transform:lowercase;
}
.sandumedia:hover{color:#222 !important;}
@media only screen and (max-aspect-ratio: 8/7){
  .footer .copy, .footer .author{display:block;}
  .footer .div{display:none;}
}

.button-more{
  border-radius:2em;
  background:#fff;
  color:#28835c;
  display:block;
  margin-left:calc(50% - 50px - 2em);
  padding:1em 2em;
  text-align:center;
  text-decoration:none;
  width:100px;
}
.button-more:hover{
  background:#28835c;
  color:#fff;
}
.banner .button-more{
  position:absolute;
  border-radius:0;
  background:#28835c;
  color:#fff;
  display:inline-block;
  font-size:0.9em;
  top:calc(90vh - 3.4em);
  margin:0;
  width:auto;
}
@media only screen and (max-aspect-ratio: 8/7){
  .banner .button-more{display:none;}
}

.dateshow{
  color:#828282;
  margin-left:3rem;
  font-size:2rem;
}
@media only screen and (max-aspect-ratio: 8/7){
  .dateshow{display:block;margin:0;}
}
.section {
  padding:1rem 0;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

.news{
  margin:0;
  padding:6rem 0;
  background:#fff;
  border-top:1px solid #ccc;
}
.news:first-of-type {
  border:none;
}
.u-max-full-width{
  max-height:100vh;
}

/* Gallery */
.photos{
  color: #000;
  padding:6rem 0;
}
.photos h3{
  margin-bottom: 6rem;
}


/* Contact */
.contactus{
  background: #eee;
  color: #000;
  padding:6rem 0;
}
.contactus h3{margin:0;}
.contactus .section-description{margin:4rem 0;}
.cont-field{width:70%;}
.cont-tarea{width:70%; height:20rem;}
.cont-buttons{
  margin-left:15%;
  text-align:left;
  width:70%;
}
.cont-send{
  background:#28835c !important;
  border:none !important;
  color:#fff !important;
}
.cont-reset{
  background:#333 !important;
  border:none !important;
  color:#fff !important;
}
label.error{color:#990000; display:block; margin-bottom:2em;}
input.error, textarea.error{border-bottom:5px solid #da0000;}
.sentok{background:#28835c; color:#fff; padding:6vh 0;}
.sentfail{background:#b30000; color:#fff; padding:6vh 0;}
.sentok h4, .sentfail h4{margin:0;}
.sentok img, .sentfail img{float:left; width:6rem;}
.sentok span, .sentfail span{float:right; width:calc(100% - 8rem);}
.grbadge{
  margin-top:4rem;
  font-size:0.65em;
  color:#999;
}
.grbadge a{color:#999;}
.grecaptcha-badge { visibility: hidden;  }


/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values{
  background-image: url('../images/vintage-concrete.png');
  color: #000;
  padding:14rem 0;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #005b50;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}

@media only screen and (max-aspect-ratio: 8/7){
  .row div{
    display:block !important;
    width:100% !important;
    margin:0;
  }
  .values{padding:6rem 0;}
  .values .section-heading{margin-bottom:1em;}
  .values .one-third:last-of-type{padding-bottom:0;}
  .one-third{display:block; padding-bottom:4em;}
  .photos{padding-bottom:0;}
  .cont-field, .cont-tarea{width:100%;}
  .cont-buttons{width:100%; text-align:center; margin:0;}
}