html {
  height: 100%;
  overflow-x: hidden; }

body {
  overflow-x: hidden;
  padding-right: 0 !important; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 22px; }

.no-gutter {
  padding: 0;
  margin: 0; }

body {
  font-family: 'Lato', sans-serif; }

nav {
  height: 76px;
  position: fixed;
  width: 100%;
  z-index: 1000;
  /* Rotate first bar */
  /* Fade out the second bar */
  /* Rotate last bar */ }
  nav .logo {
    width: 325px; }
  nav h2 {
    font-size: 20px;
    float: right;
    margin-top: -37px; }
    nav h2:hover {
      color: #fbd101 !important; }
    @media only screen and (max-width: 991px) {
      nav h2 {
        display: none; } }
  nav ul {
    padding: 30px 0 10px 0;
    list-style: none; }
    nav ul li {
      margin-bottom: 15px;
      cursor: pointer;
      color: #ffffff; }
      nav ul li:hover {
        color: #fbd101; }
      nav ul li a {
        color: #ffffff; }
        nav ul li a:hover {
          color: #fbd101;
          text-decoration: none; }
  nav #menu-options {
    display: none; }
  nav #menu {
    margin-top: -68px; }
  nav .wrapper {
    display: inline-block;
    cursor: pointer; }
  nav .bar1, nav .bar2, nav .bar3 {
    width: 30px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s; }
  nav .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px); }
  nav .change .bar2 {
    opacity: 0; }
  nav .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px); }
  nav p {
    margin: 4px 10px;
    vertical-align: top;
    color: #fbd101;
    font-size: 20px; }
    @media only screen and (max-width: 991px) {
      nav p {
        visibility: hidden; } }

#home {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #f7f7f7));
  padding-top: 76px; }
  @media only screen and (max-width: 991px) {
    #home {
      background: #ffffff; } }
  #home img {
    width: 450px; }
  #home button {
    border-radius: 0;
    border: none; }
  #home button {
    background-color: #f9a71a;
    cursor: pointer; }
    #home button:hover {
      transition: all 0.3s;
      background-color: #fbd101; }

#description {
  background-color: #000000; }
  #description h3 {
    color: #fbd101; }

#perfect-for img {
  height: 100%; }
#perfect-for ul {
  padding: 0; }
  #perfect-for ul li {
    list-style: none; }
#perfect-for p {
  font-weight: bold; }

#green-home {
  background-color: #000000; }
  #green-home img {
    width: 100px; }
  #green-home button {
    border-radius: 0;
    border: none; }
  #green-home button {
    background-color: #fbd101;
    cursor: pointer; }
    #green-home button:hover {
      transition: all 0.3s;
      background-color: #f9a71a; }

#contact {
  background-color: #000000; }
  #contact form input {
    border-radius: 0; }
  #contact form textarea {
    border-radius: 0; }
  #contact form button {
    border-radius: 0;
    border: none; }
  #contact form button {
    background-color: #fbd101;
    cursor: pointer; }
    #contact form button:hover {
      transition: all 0.3s;
      background-color: #f9a71a; }

footer .logo {
  width: 275px; }
footer #warranty-anchor {
  cursor: pointer; }
  footer #warranty-anchor:hover {
    color: #fbd101; }

#warrantyModal {
  background-color: rgba(255, 255, 255, 0.5); }
  #warrantyModal .close {
    color: #ffffff; }
  #warrantyModal form input {
    border-radius: 0; }
  #warrantyModal form textarea {
    border-radius: 0; }
  #warrantyModal form select {
    border-radius: 0; }
  #warrantyModal form button {
    border-radius: 0;
    border: none; }
  #warrantyModal form button {
    background-color: #fbd101;
    cursor: pointer; }
    #warrantyModal form button:hover {
      transition: all 0.3s;
      background-color: #f9a71a; }

.modal-content {
  border-radius: 0; }

#success-message a {
  text-decoration: none;
  color: #000000 !important;
  background-color: #fbd101 !important;
  cursor: pointer; }
  #success-message a:hover {
    transition: all 0.3s !important;
    background-color: #f9a71a !important; }

/*# sourceMappingURL=main.css.map */