@font-face {
  font-family: architectsDaughter;
  src: url("../Fonts/Architects_Daughter/ArchitectsDaughter-Regular.ttf");
}

@font-face {
  font-family: merienda;
  src: url("../Fonts/Merienda/Merienda-Regular.ttf");
}

@font-face {
  font-family: permanentMarker;
  src: url("../Fonts/Permanent_Marker/PermanentMarker-Regular.ttf");
}

@font-face {
  font-family: righteous;
  src: url("../Fonts/Righteous/Righteous-Regular.ttf");
}

/* BODY */
body {
  background: #272828;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}

body a {
  font-size: 20px;
}

body h1 {
  color: #ffffff;
  font-family: righteous;
  font-size: 50px;
  margin: 0;
  padding: 0;
}

body h2 {
  color: #ffffff;
  font-family: righteous;
  font-size: 40px;
  margin: 0;
}

body h3 {
  color: #ffffff;
  font-family: architectsDaughter;
  font-size: 28px;
}

body h4 {
  color: #000000;
  font-size: 25px;
}

body h5 {
  color: #ffffff;
  font-family: permanentMarker;
  font-size: 22px;
}

body h6 {
  color: #ffffff;
  font-size: 20px;
}

body .section a {
  text-decoration: none;
}

body .section .backgroundColor {
  background: #131414;
  width: 100%;
}

body .section .backgroundColor .blockContainer {
  padding: 25px;
}

body .section .backgroundColor .blockContainer .blockZone {
  background: #272828;
  border-radius: 1%;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(39, 40, 40, 0.2);
          box-shadow: 10px 10px 0px 0px rgba(39, 40, 40, 0.2);
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

body .section .backgroundColor .blockContainer .blockZone .rectangle {
  display: inline-block;
  margin: 0;
  padding: 15%;
}

body .section .backgroundColor .blockContainer .blockZone .rectangle .imgArea {
  height: auto;
  margin: 0;
  padding: 0;
  width: 10%;
}

body .section .backgroundColor .blockContainer .blockZone .rectangle .imgSize {
  height: auto;
  width: 10%;
}

body .section .backgroundColor .blockContainer .blockZone .rectangle .label {
  margin: 5%;
  padding: 0;
  text-align: center;
}

body .section .backgroundColor .imgBorder {
  border-radius: 1%;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 36, 81, 0.2);
          box-shadow: 10px 10px 0px 0px rgba(0, 36, 81, 0.2);
  height: auto;
  margin: 0;
  padding: 0;
  width: 75%;
}

body .section .backgroundColor .imgSimple {
  height: auto;
  margin: 0;
  padding: 0;
  width: 20%;
}

body .section .backgroundColor .noBackground {
  background: transparent;
}

body .section .backgroundImg {
  background: url("../Images/Info.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: inset 0 0 0 4000px rgba(0, 0, 0, 0.75);
          box-shadow: inset 0 0 0 4000px rgba(0, 0, 0, 0.75);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
}

body .section .block {
  padding: 0 25px 0 25px;
}

body .section .block .imgBottom {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin: 50px 0 0 0;
  padding: 0;
}

body .section .block .imgMiddle {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin: 50px 0 0 0;
  padding: 0;
}

body .section .block .imgTop {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin: 0;
  padding: 0;
}

body .section .contentArea {
  padding: 0 0 150px 0;
}

body .section h3 {
  background: #272828;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 25px;
}

body .section h5 {
  margin: 0;
  padding: 10%;
}

body .section h6 {
  font-family: architectsDaughter;
  margin: 0;
  padding: 1%;
}

body .section header {
  background: url("../Images/Background.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: inset 0 0 0 4000px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 0 0 4000px rgba(0, 0, 0, 0.5);
  height: 100vh;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
}

body .section header .content {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

body .section header .content .button {
  margin-top: 25px;
}

body .section header .content .button a {
  border: 1px solid #ffffff;
  border-radius: 7px;
  color: #ffffff;
  font-family: righteous;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

body .section header .content .button a:hover {
  border-color: #ff0066;
  color: #ff0066;
}

body .section header .hamburger {
  background: #ff0066;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 10px;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 55px;
  z-index: 11;
}

body .section header .hamburger .lineBottom {
  background: #ffffff;
  height: 3px;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  width: 100%;
}

body .section header .hamburger .lineMiddle {
  background: #ffffff;
  height: 3px;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  width: 75%;
}

body .section header .hamburger .lineTop {
  background: #ffffff;
  height: 3px;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  width: 100%;
}

body .section header .navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 0 50px 0;
  position: relative;
  z-index: 2;
}

body .section header .navbar nav a {
  color: #ffffff;
  font-family: architectsDaughter;
  margin: 15px;
  text-decoration: none;
}

body .section header .navbar nav a:hover {
  color: #ff0066;
}

body .section .headingText {
  margin: 0 0 125px 0;
}

body .section .home_sticky {
  background: #000000;
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 2;
}

body .section img {
  margin: 150px 0 150px 0;
  padding: 0 10% 0 10%;
}

body .section .transitionArea {
  bottom: 0;
  position: relative;
}

body .section .transitionArea:hover {
  bottom: 1%;
  -webkit-transition: bottom 0.5s;
  transition: bottom 0.5s;
}

@media (max-width: 475px) {
  body .section header .hamburger {
    visibility: visible;
  }
  body .section header .navbar {
    background: #000000;
    height: 100vh;
    left: -475px;
    padding: 0;
    position: absolute;
  }
  body .section header .navbar nav {
    bottom: 15px;
    position: relative;
  }
  body .section header .navbar nav a {
    display: block;
    text-align: center;
  }
  body .section .imgArea {
    height: auto;
    width: 20%;
  }
  body .section .label {
    font-size: 16px;
  }
  body .section .change .lineBottom {
    -webkit-transform: rotateZ(405deg) translate(-8px, -6px);
            transform: rotateZ(405deg) translate(-8px, -6px);
  }
  body .section .change .lineMiddle {
    opacity: 0;
  }
  body .section .change .lineTop {
    -webkit-transform: rotateZ(-405deg) translate(-8px, 6px);
            transform: rotateZ(-405deg) translate(-8px, 6px);
  }
  body .section .change .navbar {
    left: 0;
    -webkit-transition: left 2s;
    transition: left 2s;
    width: 100%;
  }
}

@media (max-width: 550px) {
  body .section .backgroundColor .imgBorder {
    height: auto;
    margin: 0px 25px 0 25px;
    padding: 0;
    width: 100%;
  }
  body .section h2 {
    font-size: 36px;
  }
  body .section header .content h2 {
    margin: 0 15px 0 15px;
  }
  body .section .headingText {
    margin: 0px 0px 50px 0px;
  }
  body .section img {
    margin: 75px 0 75px 0;
  }
}

@media (max-width: 1199px) {
  body .section .blockArea {
    margin: 10% 0 0 0;
  }
  body .section .blockArea .block {
    padding: 0 5% 0 5%;
  }
  body .section .blockArea .block .imgBottom {
    margin: 0;
  }
  body .section .blockArea .block .imgMiddle {
    margin: 0;
  }
}

@media (min-width: 1921px) and (max-width: 2400px) {
  body .section .backgroundColor .blockContainer {
    padding: 31px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    -webkit-box-shadow: 12.5px 12.5px 0px 0px rgba(39, 40, 40, 0.2);
            box-shadow: 12.5px 12.5px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .block {
    padding: 0 31px 0 31px;
  }
  body .section .block .imgTop {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  body .section .block .imgBottom {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 62px 0 0 0;
  }
  body .section .block .imgMiddle {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 62px 0 0 0;
  }
  body .section .contentArea {
    padding: 0 0 187px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 31px;
  }
  body .section header .content .button {
    margin-top: 31px;
  }
  body .section header .content .button a {
    border: 1.25px solid #ffffff;
    border-radius: 8.7px;
    padding: 12.5px 25px 12.5px 25px;
  }
  body .section header .hamburger {
    height: 62px;
    padding: 12.5px;
    width: 68px;
  }
  body .section header .hamburger .lineBottom {
    height: 3.7px;
  }
  body .section header .hamburger .lineMiddle {
    height: 3.7px;
  }
  body .section header .hamburger .lineTop {
    height: 3.7px;
  }
  body .section header .navbar {
    padding: 62px 0 62px 0;
  }
  body .section header .navbar nav a {
    margin: 18px;
  }
  body .section .headingText {
    margin: 0 0 156px 0;
  }
  body .section img {
    margin: 187px 0 187px 0;
  }
}

@media (min-width: 2401px) and (max-width: 3000px) {
  body .section .backgroundColor .blockContainer {
    padding: 38px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    -webkit-box-shadow: 15.6px 15.6px 0px 0px rgba(39, 40, 40, 0.2);
            box-shadow: 15.6px 15.6px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .block {
    padding: 0 38px 0 38px;
  }
  body .section .block .imgTop {
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
  }
  body .section .block .imgBottom {
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    margin: 77px 0 0 0;
  }
  body .section .block .imgMiddle {
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    margin: 77px 0 0 0;
  }
  body .section .contentArea {
    padding: 0 0 234px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    padding: 38px;
  }
  body .section header .content .button {
    margin-top: 38px;
  }
  body .section header .content .button a {
    border: 1.56px solid #ffffff;
    border-radius: 10.8px;
    padding: 15.6px 31px 15.6px 31px;
  }
  body .section header .hamburger {
    height: 77px;
    padding: 15.6px;
    width: 85px;
  }
  body .section header .hamburger .lineBottom {
    height: 4.6px;
  }
  body .section header .hamburger .lineMiddle {
    height: 4.6px;
  }
  body .section header .hamburger .lineTop {
    height: 4.6px;
  }
  body .section header .navbar {
    padding: 77px 0 77px 0;
  }
  body .section header .navbar nav a {
    margin: 22px;
  }
  body .section .headingText {
    margin: 0 0 195px 0;
  }
  body .section img {
    margin: 234px 0 234px 0;
  }
}

@media (min-width: 3001px) and (max-width: 3750px) {
  body .section .backgroundColor .blockContainer {
    padding: 47px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    -webkit-box-shadow: 19.5px 19.5px 0px 0px rgba(39, 40, 40, 0.2);
            box-shadow: 19.5px 19.5px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .block {
    padding: 0 47px 0 47px;
  }
  body .section .block .imgTop {
    border-top-left-radius: 15.6px;
    border-top-right-radius: 15.6px;
  }
  body .section .block .imgBottom {
    border-top-left-radius: 15.6px;
    border-top-right-radius: 15.6px;
    margin: 96px 0 0 0;
  }
  body .section .block .imgMiddle {
    border-top-left-radius: 15.6px;
    border-top-right-radius: 15.6px;
    margin: 96px 0 0 0;
  }
  body .section .contentArea {
    padding: 0 0 293px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 15.6px;
    border-bottom-right-radius: 15.6px;
    padding: 47px;
  }
  body .section header .content .button {
    margin-top: 47px;
  }
  body .section header .content .button a {
    border: 1.95px solid #ffffff;
    border-radius: 13.5px;
    padding: 19.5px 38px 19.5px 38px;
  }
  body .section header .hamburger {
    height: 96px;
    padding: 19.5px;
    width: 106px;
  }
  body .section header .hamburger .lineBottom {
    height: 5.7px;
  }
  body .section header .hamburger .lineMiddle {
    height: 5.7px;
  }
  body .section header .hamburger .lineTop {
    height: 5.7px;
  }
  body .section header .navbar {
    padding: 96px 0 96px 0;
  }
  body .section header .navbar nav a {
    margin: 27px;
  }
  body .section .headingText {
    margin: 0 0 244px 0;
  }
  body .section img {
    margin: 293px 0 293px 0;
  }
}

@media (min-width: 3751px) {
  body .section .backgroundColor .blockContainer {
    padding: 58px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    -webkit-box-shadow: 24.3px 24.3px 0px 0px rgba(39, 40, 40, 0.2);
            box-shadow: 24.3px 24.3px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .block {
    padding: 0 58px 0 58px;
  }
  body .section .block .imgTop {
    border-top-left-radius: 19.5px;
    border-top-right-radius: 19.5px;
  }
  body .section .block .imgBottom {
    border-top-left-radius: 19.5px;
    border-top-right-radius: 19.5px;
    margin: 120px 0 0 0;
  }
  body .section .block .imgMiddle {
    border-top-left-radius: 19.5px;
    border-top-right-radius: 19.5px;
    margin: 120px 0 0 0;
  }
  body .section .contentArea {
    padding: 0 0 366px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 19.5px;
    border-bottom-right-radius: 19.5px;
    padding: 58px;
  }
  body .section header .content .button {
    margin-top: 58px;
  }
  body .section header .content .button a {
    border: 2.43px solid #ffffff;
    border-radius: 16.8px;
    padding: 24.3px 47px 24.3px 47px;
  }
  body .section header .hamburger {
    height: 120px;
    padding: 24.3px;
    width: 132px;
  }
  body .section header .hamburger .lineBottom {
    height: 7.1px;
  }
  body .section header .hamburger .lineMiddle {
    height: 7.1px;
  }
  body .section header .hamburger .lineTop {
    height: 7.1px;
  }
  body .section header .navbar {
    padding: 120px 0 120px 0;
  }
  body .section header .navbar nav a {
    margin: 33px;
  }
  body .section .headingText {
    margin: 0 0 305px 0;
  }
  body .section img {
    margin: 366px 0 366px 0;
  }
}

@media (min-width: 1921px) and (max-width: 2400px) {
  body a {
    font-size: 25px;
  }
  body h1 {
    font-size: 62px;
  }
  body h2 {
    font-size: 50px;
  }
  body h3 {
    font-size: 35px;
  }
  body h4 {
    font-size: 31px;
  }
  body h5 {
    font-size: 27px;
  }
  body h6 {
    font-size: 25px;
  }
}

@media (min-width: 2401px) and (max-width: 3000px) {
  body a {
    font-size: 31px;
  }
  body h1 {
    font-size: 77px;
  }
  body h2 {
    font-size: 62px;
  }
  body h3 {
    font-size: 43px;
  }
  body h4 {
    font-size: 38px;
  }
  body h5 {
    font-size: 33px;
  }
  body h6 {
    font-size: 31px;
  }
}

@media (min-width: 3001px) and (max-width: 3750px) {
  body a {
    font-size: 38px;
  }
  body h1 {
    font-size: 96px;
  }
  body h2 {
    font-size: 77px;
  }
  body h3 {
    font-size: 53px;
  }
  body h4 {
    font-size: 47px;
  }
  body h5 {
    font-size: 41px;
  }
  body h6 {
    font-size: 38px;
  }
}

@media (min-width: 3751px) {
  body a {
    font-size: 47px;
  }
  body h1 {
    font-size: 120px;
  }
  body h2 {
    font-size: 96px;
  }
  body h3 {
    font-size: 66px;
  }
  body h4 {
    font-size: 58px;
  }
  body h5 {
    font-size: 51px;
  }
  body h6 {
    font-size: 47px;
  }
}
/*# sourceMappingURL=style.css.map */