/* -------------------- General -------------------------- */
.row {max-width:1100px;}
.no-gutter {max-width: 1600px;padding-left:0px;padding-right: 0px;}
.theme-gray {background-color: #333;}
.theme-white {background-color:#fff;}
.centering {display: block;text-align: center;margin: auto;}
.white, .white p, .white h1, .white h2, .white h3, .white li, .white a, .white a:hover {color:#fff;}
h2 {font-family: 'Lora', serif;}
a {color:#998575;font-family: 'Lora', serif;}
a:hover {color:#998575;}
p {font-size: 1.2em;font-family: 'Lora', serif;}
.box {padding: 10px;}
.box-med {padding-top: 45px; padding-bottom: 45px;}
.box-large {padding-top: 150px;padding-bottom: 150px;}
.bold {font-weight: 400;font-family: 'Lora', serif;}
.bord-left {border-left: 10px #998575 solid;padding-left: 8%;padding-right: 8%;}
.bord-right {border-right: 10px #998575 solid;padding-right:8%;padding-left:8%;}
.cap {text-transform: uppercase;}
.box-title {padding-top: 30px;padding-bottom: 30px;}
.six-special {width:50%;margin-left:0px;}
.card {height: 310px;}
.match {height: 100%;}


/* -------------------- Navigation -----------------------*/
.menu-logo {position: absolute;min-width: 325px;max-width:15vw;width:25%;margin-left: auto;margin-right: auto;left: 0;right: 0;z-index: 999;}
.topper {height: 170px; margin-top: -10px;}
.menu {position: relative;background-color: #333;margin-top: 10px;width:100%;top:70px;height: 100px;z-index: 20;}
.menu ul {display:flex;padding-left: 10px;padding-right:10px;margin-bottom: 0px;}
.menu li {line-height: 100px;font-size: 15px;color:#fff;padding-left: 25px;padding-right: 25px;padding-bottom: 0px;background-color: #333;font-family: 'Lora', serif; font-weight: 550;}
.menu li:hover {background-color: #998575;transition: .2s linear all;padding-left: 35px;padding-right: 35px;margin-left: -10px;margin-right: -10px;}
.left {justify-content: flex-start;}
.right {justify-content: flex-end;}
.toggle {display: none;}


/* --------------------------- Index -------------------------- */
.banner {display: block;position: relative;width: 100%;margin: auto;z-index: -1;margin-top: -50px;min-width: 780px;}
.display {max-height: 68vh;overflow: hidden; width:100%;}
.message {color:#998575;}
.fa-envelope-o {padding-left: 20px;transition: .2s linear all;}
.message:hover {color:#998575;}
.message:hover .fa-envelope-o {padding-left: 40px;transition: .2s linear all;color:#998575;}


/* ----------------------- Pages ----------------------- */
.my-gallery {width: 100%;float: left;}
.my-gallery img {width: 100%;height: auto;}
.my-gallery figure {display: block;float: left;margin: 0 5px 5px 0;width: 150px;}
.my-gallery figcaption {display: none;}
form input {-webkit-appearance: none;-webkit-appearance: none;-moz-appearance:    none;appearance:         none;background-color: #333;color:#fff;border:none;font-size: 20px;padding: 20px;margin-top: 20px;margin-bottom: 20px;}
::-webkit-input-placeholder {color: #fff;font-family: 'Lora', serif;}:-moz-placeholder { /* Firefox 18- */color: #fff;font-family: 'Lora', serif;}::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-family: 'Lora', serif;}:-ms-input-placeholder {color: #fff;font-family: 'Lora', serif;}
form input[type="submit"] {width:90%;}
form input[type="submit"]:hover {transition: .2s linear all;background-color: #998575 ;}
textarea {border-color: #333;border-width: 2px;box-sizing: border-box;width: 80%;}
.mobile {display:none;}
.spacer {padding-top: 10vh;}


/* ---------------------------- Mobile Design ---------------------- */
@media (max-width: 1130px) {
  .menu li:not(.toggle) {display: none;}
  .menu {margin-top: 0px;top:50px;}
  .menu ul {display: block;text-align: right;width: 100%;padding-left: 0px;padding-right: 0px;margin-bottom: 0px;}
  .menu li:hover {background-color: #998575;transition: .2s linear all;padding-left: 25px;padding-right: 25px;margin-left: 0px;margin-right: 0px;}
  .toggle {display: block;position: relative;font-size: 40px!important;}
  .topper {height: 150px; margin-top: 0px;}
  .dropdown li {display: block!important;text-align: center;}
}
@media (max-width: 765px) {
  .menu {top:0px;}
  .menu-logo {margin-left: 5%;}
  .banner {margin-top: 0px;width: auto;}
  .bord-left {border: none;}
  .bord-right {border:none;}
  .display {width: 100%;}
  .menu-logo {min-width: 210px;}
  .menu li:not(.toggle) {line-height: 50px;height: 50px;}
  .dropdown li {text-align: right;}
  .mobile {display: block;}
  .m-fix {display:none;}
  .topper {height: 100px;}
  .card {height: 350px;}
}