:root{
  --color-primary:blue;
  --color-secondary:beige;
  --color-emphasis:gold;
  --color-neutral:lavender;
}
body{
  margin:0px;
  padding:0px;
}
.hero{
  background-image: url('img/hero_min_full.png');
  color:white;
  /*height:740px;*/
  height:560px;
  max-height:100vh !important;
}
.hero>img{
  width:100vw;
}
.hero>*{

}
.centered{

  -webkit-align-items: center;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  display: -webkit-flex;
}
.hero-text.centered{
  width:50vw;
  height:100%;
  color:white;

}
.header-text{
  position: relative;
 top: 50%;
 transform: translateY(-50%);

}
.header-text>h1{
  line-height:50px;
  font-size: 60px;
}
.header-text>p{
  font-size:30px;
}
#nav{
  -webkit-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -o-transition: all .3s linear;
   transition: all .3s linear;
  background:#073B57;
  color:white;
  max-width:100vw;
  }

#nav>.ui.container>a{color:white;}
img{
  width:100%;
}

#logo{
  height:45px;
  width:200px;

  margin-left:200px;

}
.bespoke{
  background-color:#57A94C;
  color:white;
}

.ui.button.bespoke{
  background-color:#ffdd59;
  color:black;
  font-size:20px;
  margin-top:-20px;
}
.ui.button.bespoke:hover{
  background-color:#ddb228;
  color:white;
}
.emphasis{
  color:#ffdd59;
}
.link-line-break{
  display:none;
}
.ui.button.secondary{
  background-color:#145470;
  color:white;
  font-size:18px;
  margin-top:0px;
}

#media{
  text-align:center;
  padding-top: 20px;
  padding-bottom:20px;
  background:#ddd;
}
#media>a{
  margin: 0 10px;
}
#media>a>img{
  height:54px;
  width:auto;
  display:inline-block;
}

.column>p{
  font-size: 18px;
}
#log-in, #log-out{
  border-radius:4px !important;
  background-color:#ffdd59;
  color:black !important;
  padding:8px 12px;
  font-weight:bold;
}
#log-in:hover, #log-out:hover{
  background-color:#ddb228;
  color:white !important;
}

#footer{
  padding:20px 0px;
  background-color:#ddd;
}

#footer a{
  white-space: nowrap;
}

.tiny-text{
  font-size:16px !important;
  line-height:30px !important;

}

.top-margin-sm{
  margin-top:60px;
}
.top-margin-md{
}
.top-margin-lg{
  margin-top:120px;
}


@media only screen and (max-width:965px){
  .hero{
    background-image: url('img/hero_min_half.png');
    height:740px;
  }
}
@media only screen and (max-width:800px){
  .header-text{
    text-align:center;
  }
  #nav>.ui.container>a{padding:10px 4px}
  #nav>.ui.container>a#log-in{padding:8px 12px}

}
@media only screen and (max-width:500px){
  .hero{
    background-image: url('img/hero_min_mini.png');
    height:740px;
  }
  #media>a>img{
    height:auto;
    max-width:70%;;
    display:inline-block;
  }

  /*Uncomment below to hide middots and add line breaks on mobile in footer*/
  /*
  .link-line-break{
    display:inline;
  }
  .middot{
    display:none;
  }*/
}
@media only screen and (max-width:400px){
  .header-text{
    text-align:center;
    padding: 0px 5%;
  }
  .header-text>h1{
    font-size:35px;
    line-height:40px;
    margin-bottom: 0px;margin-top: 0px;
  }
  .header-text>p{
  margin-top:20px;
    font-size:20px;
    margin-bottom:40px;
  }
  .header-text>p>br{
    display:none;
  }
}
#right-column{
  text-align:right;
}
@media screen and (max-width:767px){
  .ui.two.column.stackable.reversible.grid{
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction: column-reverse;
  }
  .ui.two.column.stackable.grid>.column{
    text-align:center;
  }
  .center-on-mobile{
    text-align:center;
  }
  .top-margin-sm{
    margin-top:30px;
  }
  .top-margin-md{
  }
  .top-margin-lg{
    margin-top:80px;
  }
  #footer-content{
    text-align:center;
  }
  #right-column{
    text-align:center;
  }

}

@media screen and (max-height: 575px){
  #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
.logo{
  width:140px !important;
}
@media screen and (max-width: 340px){
  .logo{
    width:120px !important;
    height:auto;
  }
}
#map{
  max-width: 100%;
}
.dark{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#073b57+0,145470+100 */
  background:#145470;
  background: -moz-linear-gradient(45deg, #073b57 0%, #145470 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #073b57 0%,#145470 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #073b57 0%,#145470 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073b57', endColorstr='#145470',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color:white;
}

@media screen and (min-width: 768px){
  .vc-container{
    position:relative;
  }
  .vc-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.right.menu>.ui.item.white{
  color:white;
  transition: all .2s ease-in-out;
}

@media screen and (max-width:370px){
  .right.menu>.ui.white.item{
    margin:0px;
    padding-left:.6em;
  }
}

.right.menu>.ui.white.item:hover{
  color:white;
  transform: scale(1.1);
}