html, body {
  height:                   100%;
  margin:                   0;
  padding:                  0;
  font-family:              'Crimson Text', serif;
  font-size:                14px;
  font-weight:              400;
  color:                    #626262;
}

a, a:link, a:active, a:visited {
  outline:                  none !important;
  color:                    #626262;
  text-decoration:          underline;
}

a:hover {
  text-decoration:          underline;
  color:                    #000;
}

#logo-area {
  background:                 #000;
  text-align:                 center;
  padding:                    75px 0 0 0;
}

img.feat {
  width:                      100%;
  height:                     auto;
}

section {
  padding:                    80px 0 75px 0;
  text-align:                 center;
}

.content-area {
  padding:                    0 15% 0 15%;
}

.content-area.higherpadding {
  padding:                    80px 25% 0 25%;
}

/* Typography ----------------------------------*/

@font-face {
  font-family: novlight;
  src: url("../fonts/Novecentowide-Light.otf") format("truetype");
}

@font-face {
  font-family: novnormal;
  src: url("../fonts/Novecentowide-Normal.otf") format("truetype");
}

@font-face {
  font-family: novmedium;
  src: url("../fonts/Novecentowide-Medium.otf") format("truetype");
}

@font-face {
  font-family: novbold;
  src: url("../fonts/Novecentowide-Bold.otf") format("truetype");
}

h1 {
  font-family:              'novlight', serif;
  display:                  inline-block;
  font-size:                45px;
  color:                    #383838;
  padding:                  0 0 15px 0;
  margin:                   0 0 40px 0;
  border-bottom:            5px solid #e1e1e1;
  text-transform:           uppercase;
}

h2 {
  font-size:                30px;
}

p {
  font-size:                18px;
  margin:                   0;
  padding:                  0 0 15px 0;
}

p.larger {
  font-size:                30px;
}

input, textarea {
  font-size:                18px;
}

.alert {
  color:                    red;
  font-size:                18px;
}

.success h5 {
  color:                    green;
  font-size:                22px !important;
}

@media all and (max-width: 768px) {
  h1 {
    font-size:              28px;
    margin:                 0 0 15px 0;
  }
  h2 {
    font-size:              22px;
  }
  p, input, textarea, .alert {
    font-size:              14px;
  }
  p.larger {
    font-size:              16px;
  }
}

.user-error {
  border:                   1px solid red !important;
}

.user-success {
  border:                   1px solid green !important;
}

/* END Typography ------------------------------*/



/* Navigation ----------------------------------*/

header#main-nav {
  width:                    100%;
  height:                   50px;
  position:                 fixed;
  top:                      0;
  left:                     0;
  text-align:               center;
  background:               #181818;
  z-index:                  3;
}

.nav {
  padding:                  0 !important;
  margin:                   0 !important;
  height:                   auto !important;
  line-height:              auto !important;
}

.nav > li > a {
  display:                  inherit !important;
  padding:                  0 !important;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:visited {
  background:               none !important;
}

header#main-nav ul, .mobile-nav ul {
  list-style-type:          none;
  margin:                   0;
  padding:                  0;
}

header#main-nav ul li {
  display:                  inline-block;
  margin:                   0;
  padding:                  0 15px 0 15px;
  line-height:              50px;
}

header#main-nav ul li a, .mobile-nav ul li a {
  font-family:              'novnormal', serif;
  font-size:                16px;
  color:                    #8d8d8d;
  text-decoration:          none;
}

header#main-nav ul li.active a, header#main-nav ul li a:hover,
.mobile-nav ul li.active a, .mobile-nav ul li a:hover {
  color:                    #fff;
  text-decoration:          none;
}

.mobile-nav {
  display:                  none;
  width:                    100%;
  background:               #4c4c4c;
  z-index:                  10;
  position:                 fixed;
  top:                      50px;
  padding:                  10px;
}

.mobile-nav ul li {
  display:                  block;
  width:                    100%;
  padding:                  15px;
  text-align:               center;
}

.mobile-nav ul li a {
  display:                  block;
  font-size:                14px;
  color:                    #939393;
}

a.toggler {
  float:                    right;
  margin:                   6px 8px 0 0;
}

/* END Navigation ------------------------------*/



/* Contact Panel -------------------------------*/

#contact {
  background:               #f1f1f1;
}

form {
  margin:                   40px 0 0 0;
  padding:                  0;
}

form input[type="text"], form input[type="email"], form textarea {
  width:                    100%;
  padding:                  5px;
  margin:                   10px;
  border-radius:            0;
  border:                   0;
}

form textarea {
  height:                   200px;
}

form input[type="submit"] {
  border:                   0;
  color:                    #a0a0a0;
  font-family:              'novlight', serif;
  font-size:                22px;
  padding:                  2px 30px 5px 30px;
  background:               #4c4c4c;
  margin:                   0;
}

form input[type="submit"]:hover {
  color:                    #fff;
  background:               #909090;
}
/* END Contact Panel ----------------------------*/



/* Footer Area ----------------------------------*/

#footer {
  padding:                  20px 0 50px 0;
  border-top:               1px solid #b8b8b8;
  text-align:               center;
  background:               #f1f1f1;
}

#footer p {
  font-family:              arial, serif;
  font-size:                13px;
}

@media all and (max-width: 1200px) {
  #footer {
    width:                  100%;
    margin:                 0;
  }
  #footer p {
    font-size:              11px;
    padding:                0 20px 0 20px;
  }
}

/* END Footer Area ------------------------------*/