@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
# Contact Banner Area
--------------------------------------------------------------*/
#maintainBanner {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80vh;
  position: relative;
  display: block;
}

#maintainBanner .maintainBannerContainer {
  width: 100%;
}

#maintainBanner .maintainBannerImg {
  box-sizing: content-box;
  display: flex;
  height: 80vh;
}

#maintainBanner .maintainBannerImg img {
  object-fit: cover;
  display: block;
  width: 100%;
  border-bottom-left-radius: 3em;
  border-bottom-right-radius: 3em;
}

@media (max-width: 575px) {
  #maintainBanner {
    position: relative;
    top: 0;
    display: block;
    height: 30vh;
  }
  
  #maintainBanner .maintainBannerImg {
    display: block;
  }
  
  #maintainBanner .maintainBannerImg img {
    height: 30vh;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
  }
}

/*--------------------------------------------------------------
# Back to Home Button
--------------------------------------------------------------*/
.maintenenceFrame {
  position: relative;
  top: 0;
  display: block;
  padding: 1em;
  margin: 0.5em;
}

.maintenenceFrame .maintainButton {
  position: relative;
  align-content: center;
  align-self: center;
  display: block;
  margin: 0.5rem auto;
  text-align: center;
}

.maintenenceFrame .maintainButton > a {
  background-color: rgba(119, 108, 97, 1);
  border-radius: 2em;
  padding: 10px 20px;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  display: block;
  color: white;
  text-decoration: none;
  vertical-align: middle;
  transition: 0.15s ease-in-out;
}

.maintenenceFrame .maintainButton > a:hover {
  background-color: rgba(255, 214, 67, 1);
  color: rgba(119, 108, 97, 1);
  transition: 0.15s ease-in-out;
}

/*--------------------------------------------------------------
# Contact Yellow Frame Content
--------------------------------------------------------------*/
#yellowFrameArea.maintenenceFrame {
  position: relative;
  top: -20em;
  display: block;
}

#yellowFrameArea.maintenenceFrame .yellowFrame {
  padding: 2em;
  margin-bottom: -7em;
}

#yellowFrameArea .maintenence {
  font-family: "KBFG Text Medium";
  padding: 1em 2em;
  position: relative;
  display: block;
}

.maintenence h1 {
  text-align: center;
  margin: 0 auto;
  font-weight: 600;
  margin-bottom: 0.25em;
}

.maintenence h3 {
  color: rgba(119, 108, 97, 1);
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  margin-bottom: 0.25em;
}

.maintenence p {
  color: rgba(119, 108, 97, 1);
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  margin-bottom: 0.25em;
}

.maintenence .maintainButton {
  position: relative;
  align-content: center;
  align-self: center;
  display: block;
  margin: 1rem auto;
  margin-top: 3rem;
  text-align: center;
}

.maintenence .maintainButton > a {
  background-color: rgba(119, 108, 97, 1);
  border-radius: 2em;
  padding: 10px 20px;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  display: block;
  color: white;
  text-decoration: none;
}

.maintenence .maintainButton > a:hover {
  background-color: white;
  color: rgba(119, 108, 97, 1);
  box-shadow: 0 2px 5px 0 rgba(119, 108, 97, .5);
  transition: 0.15s ease-in-out;
}

@media (max-width: 575px) {
  #yellowFrameArea.maintenenceFrame {
    top: 10vh;
    position: relative;
    padding: 0 1em;
  }
  
  #yellowFrameArea.maintenenceFrame .yellowFrame {
    padding: 0.5em;
  }
  
  #yellowFrameArea .maintenence {
    padding: 0.5em;
  }
}

/*--------------------------------------------------------------
# Contact Footer
--------------------------------------------------------------*/
#footer.404Footer {
  position: relative;
  top: 0vh;
}

@media (max-width: 575px) {
  #footer.404Footer {
    position: relative;
    top: 0;
  }
}