@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Regular.woff2") format("woff2"), url("../fonts/Oswald-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Light.woff2") format("woff2"), url("../fonts/Oswald-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Bold.woff2") format("woff2"), url("../fonts/Oswald-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal; }

body {
  font-family: 'Oswald', Arial, Helvetica, sans-serif !important; }

body {
  font-weight: normal;
  background-color: #fff;
  background-size: 100% 100%;
  background-position: top center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden; }

.scroller {
  height: 100vh; }

.section {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 0px 230px 130px black inset;
          box-shadow: 0px 0px 230px 130px black inset;
  background-size: cover;
  background-position: center center; }

@media (max-width: 1600px) {
    .section {
      -webkit-box-shadow: 0px 0px 200px 90px black inset;
              box-shadow: 0px 0px 200px 90px black inset; } }

@media (max-width: 1440px) {
    .section {
      -webkit-box-shadow: 0px 0px 200px 90px black inset;
              box-shadow: 0px 0px 200px 90px black inset; } }

@media (max-width: 1366px) {
    .section {
      -webkit-box-shadow: 0px 0px 200px 90px black inset;
              box-shadow: 0px 0px 200px 90px black inset; } }

@media (max-width: 1280px) {
    .section {
      -webkit-box-shadow: 0px 0px 200px 90px black inset;
              box-shadow: 0px 0px 200px 90px black inset; } }

@media (max-width: 768px) {
    .section {
      -webkit-box-shadow: 0px 0px 130px 60px black inset;
              box-shadow: 0px 0px 130px 60px black inset; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
    .section {
      -webkit-box-shadow: 0px 0px 130px 60px black inset;
              box-shadow: 0px 0px 130px 60px black inset; } }

@media (max-width: 480px) {
    .section {
      -webkit-box-shadow: 0px 0px 130px 20px black inset;
              box-shadow: 0px 0px 130px 20px black inset; } }

#content {
  display: block; }

h1,
h2,
h3 {
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: none !important; }

h1 a,
  h2 a,
  h3 a {
    color: white; }

h1 a.active,
    h2 a.active,
    h3 a.active {
      color: #d5b981; }

@media (max-width: 1366px) {
  h1 {
    font-size: 2.25rem; } }

@media (max-width: 767px) {
  h1 {
    font-size: 1.5rem; } }

h2 {
  font-size: 24px;
  font-size: 1.5rem; }

@media (max-width: 1440px) {
    h2 {
      font-size: 1.35rem; } }

@media (max-width: 1280px) {
    h2 {
      font-size: 1.25rem; } }

@media (max-width: 480px) {
    h2 {
      font-size: 1rem; } }

@media (max-width: 1366px) {
  h3 {
    font-size: 1.55rem; } }

@media (max-width: 767px) {
  h3 {
    font-size: 1.25rem; } }

h4 {
  font-size: 20.8px;
  font-size: 1.3rem; }

@media (max-width: 1366px) {
    h4 {
      font-size: 1.3rem; } }

@media (max-width: 767px) {
    h4 {
      font-size: 1.3rem; } }

h4,
h5,
h6 {
  letter-spacing: 0px; }

@media (max-width: 1440px) {
  .display-4 {
    font-size: 3rem; } }

@media (max-width: 1366px) {
  .display-4 {
    font-size: 2.75rem; } }

@media (max-width: 480px) {
  .display-4 {
    font-size: 1.75rem; } }

.hide-desktop {
  display: none; }

@media (max-width: 768px) {
    .hide-desktop {
      display: block; } }

.hide-mobile {
  display: block; }

@media (max-width: 480px) {
    .hide-mobile {
      display: none; } }

.hide-ipad {
  display: none; }

@media (max-width: 768px) {
    .hide-ipad {
      display: none; } }

@media (max-width: 480px) {
    .hide-ipad {
      display: block; } }

.hide-ipad-below {
  display: block; }

@media (max-width: 768px) {
    .hide-ipad-below {
      display: none; } }

@media (max-width: 480px) {
    .hide-ipad-below {
      display: none; } }

p {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 18px; }

@media (max-width: 1440px) {
    p {
      font-size: 16px; } }

@media (max-width: 1440px) {
    p {
      font-size: 15px; } }

@media (max-width: 1280px) {
    p {
      font-size: 16px; } }

@media (max-width: 480px) {
    p {
      font-size: 14px; } }

.text-white {
  color: white; }

.text-black {
  color: black !important; }

.text-primary {
  color: #d5b981 !important; }

.text-primary h1,
  .text-primary h2,
  .text-primary h3 {
    color: #d5b981 !important; }

.white-text {
  color: #fff; }

.text-grey {
  color: #464646; }

.text-red {
  color: #c52e46; }

@media (max-width: 680px) {
  .mobile-control {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

header,
footer {
  height: 100vh;
  background-color: #464646; }

.main-logo {
  position: fixed;
  z-index: 1;
  width: 100%;
  padding: 32px;
  padding: 2rem; }

@media (max-width: 1366px) {
    .main-logo img {
      width: 13%; } }

@media (max-width: 1024px) {
    .main-logo img {
      width: 25%; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
    .main-logo img {
      width: 18%; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
    .main-logo img {
      width: 18%; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    .main-logo img {
      width: 15%; } }

@media (min-width: 500px) and (max-width: 600px) {
    .main-logo img {
      width: 30%; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
    .main-logo img {
      width: 15%; } }

@media (max-width: 480px) {
    .main-logo img {
      width: 30%; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
    .main-logo {
      padding: 1.5rem; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
    .main-logo {
      padding: 1.5rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    .main-logo {
      padding: 1rem; } }

@media (max-width: 480px) {
    .main-logo {
      padding: 1rem; } }

.spotify {
  position: fixed;
  z-index: 1;
  padding: 32px;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  bottom: 0;
  right: 0; }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    .spotify {
      padding: 1rem; } }

@media (max-width: 480px) {
    .spotify {
      padding: 1rem; } }

.client-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.client-section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  padding: 0px 6%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    .client-section {
      padding: 0px 4%; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
    .client-section {
      padding: 0px 2%; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
    .client-section {
      padding: 0px 4%; } }

.scrollbar-track-x,
.scrollbar-track-y {
  display: none !important; }

#rockstarlogo, #arrownav, .home-anchor, .about-us-anchor, .client-anchor, .contact-anchor {
  cursor: pointer; }

@media only screen and (min-device-width: 860px) and (max-device-width: 900px) and (orientation: landscape) {
  .d-block {
    display: none !important; } }

@media only screen and (max-device-width: 850px) and (orientation: landscape) {
  .d-block {
    display: none !important; } }

@media (max-width: 360px) {
  .d-block-xxs {
    display: block; } }

@media (max-width: 360px) {
  .d-none-xxs {
    display: none !important; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1024px) {
  .d-lg-block {
    display: none !important; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
  .d-lg-block {
    display: none !important; } }

#first {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url("../img/sec1.jpg"); }

@media (max-width: 1024px) {
    #first {
      background-image: url("../img/sec-1-mb-big.jpg"); } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
    #first {
      background-image: url("../img/sec1.jpg"); } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #first {
      background-image: url("../img/sec1.jpg"); } }

@media (max-width: 480px) {
    #first {
      background-image: url("../img/sec-1-mb-x.jpg"); } }

@media (max-width: 1024px) {
    #first .first-copy {
      padding: 3rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #first .first-copy {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); } }

@media (max-width: 768px) {
    #first .first-copy {
      padding: 2.5rem; } }

@media (max-width: 480px) {
    #first .first-copy {
      padding: 1.5rem;
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px); } }

#first h2 {
    font-size: 90px; }

@media (max-width: 1440px) {
      #first h2 {
        font-size: 65px; } }

@media (max-width: 1024px) {
      #first h2 {
        font-size: 80px;
        letter-spacing: 0.15rem; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #first h2 {
        font-size: 56px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #first h2 {
        font-size: 50px;
        letter-spacing: 0.15rem !important; } }

@media (max-width: 768px) {
      #first h2 {
        font-size: 65px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #first h2 {
        font-size: 26px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #first h2 {
        font-size: 38px;
        letter-spacing: 0.1rem !important; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #first h2 {
        font-size: 26px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #first h2 {
        font-size: 40px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #first h2 {
        font-size: 24px; } }

@media (max-width: 480px) {
      #first h2 {
        font-size: 30px; } }

@media (max-width: 380px) {
      #first h2 {
        font-size: 28px; } }

#first h1 {
    font-size: 115px; }

@media (max-width: 480px) {
      #first h1 {
        font-size: 50px; } }

#first .first-line .sub-text {
    font-size: 115px; }

@media (max-width: 1440px) {
      #first .first-line .sub-text {
        font-size: 90px; } }

@media (max-width: 1024px) {
      #first .first-line .sub-text {
        font-size: 120px;
        letter-spacing: 0.25rem; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #first .first-line .sub-text {
        font-size: 80px;
        letter-spacing: 0.15rem; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #first .first-line .sub-text {
        font-size: 70px;
        letter-spacing: 0.05rem; } }

@media (max-width: 768px) {
      #first .first-line .sub-text {
        font-size: 90px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #first .first-line .sub-text {
        font-size: 40px;
        letter-spacing: 0.05rem; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #first .first-line .sub-text {
        font-size: 56px;
        letter-spacing: 0.05rem; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #first .first-line .sub-text {
        font-size: 40px;
        letter-spacing: 0.05rem; } }

@media (min-width: 500px) and (max-width: 600px) {
      #first .first-line .sub-text {
        font-size: 60px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #first .first-line .sub-text {
        font-size: 34px; } }

@media (max-width: 480px) {
      #first .first-line .sub-text {
        font-size: 48px;
        letter-spacing: 0.05rem; } }

@media (max-width: 380px) {
      #first .first-line .sub-text {
        font-size: 42px; } }

@media (max-width: 320px) {
      #first .first-line .sub-text {
        font-size: 38px; } }

#first h3 {
    font-size: 55px; }

@media (max-width: 1440px) {
      #first h3 {
        font-size: 40px;
        letter-spacing: 0.15rem; } }

@media (max-width: 1024px) {
      #first h3 {
        font-size: 52px;
        letter-spacing: 0.15rem; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #first h3 {
        font-size: 36px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #first h3 {
        font-size: 30px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #first h3 {
        font-size: 20px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #first h3 {
        font-size: 24px; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #first h3 {
        font-size: 20px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #first h3 {
        font-size: 24px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #first h3 {
        font-size: 18px; } }

@media (max-width: 480px) {
      #first h3 {
        font-size: 20px; } }

#first h5 {
    font-size: 23px; }

@media (max-width: 1024px) {
      #first h5 {
        font-size: 30px; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #first h5 {
        font-size: 20px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #first h5 {
        font-size: 18px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #first h5 {
        font-size: 12px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #first h5 {
        font-size: 16px;
        line-height: 1 !important; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #first h5 {
        font-size: 12px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #first h5 {
        font-size: 15px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #first h5 {
        font-size: 10px;
        line-height: 1 !important; } }

@media (max-width: 480px) {
      #first h5 {
        font-size: 12px; } }

#first .first-line {
    letter-spacing: 8px;
    letter-spacing: 0.5rem; }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #first .first-line {
        letter-spacing: 0.15rem; } }

@media (max-width: 768px) {
      #first .first-line {
        letter-spacing: 0.25rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #first .first-line {
        letter-spacing: 0.05rem; } }

@media (max-width: 480px) {
      #first .first-line {
        letter-spacing: 0.1rem; } }

#first .second-line {
    letter-spacing: 12px;
    letter-spacing: 0.75rem; }

@media (max-width: 480px) {
      #first .second-line {
        letter-spacing: 0.1rem; } }

#first .third-line {
    letter-spacing: 4px;
    letter-spacing: 0.25rem; }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #first .third-line {
        letter-spacing: 0.1rem; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #first .third-line {
        letter-spacing: 0.1rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #first .third-line {
        letter-spacing: 0.05rem; } }

@media (max-width: 480px) {
      #first .third-line {
        letter-spacing: 0.1rem; } }

#first .fourth-line {
    line-height: 2; }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #first .fourth-line {
        line-height: 1.5; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #first .fourth-line {
        line-height: 1; } }

@media (max-width: 480px) {
      #first .fourth-line {
        line-height: 1; } }

#first .arrow-nav {
    position: absolute;
    bottom: 3%;
    text-align: center; }

@media (max-width: 480px) {
      #first .arrow-nav {
        bottom: 2%; } }

#first .arrow-nav img {
      -webkit-animation: glow 1s ease-in-out infinite alternate;
              animation: glow 1s ease-in-out infinite alternate; }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
        #first .arrow-nav img {
          width: 70%; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
        #first .arrow-nav img {
          width: 75%; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
        #first .arrow-nav img {
          width: 50%; } }

@media (max-width: 480px) {
        #first .arrow-nav img {
          width: 70%; } }

@-webkit-keyframes glow {
  from {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(197,46,70,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 5px #c52e46);
            filter: drop-shadow(0px 0px 5px #c52e46); }
  to {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="15" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(197,46,70,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 15px #c52e46);
            filter: drop-shadow(0px 0px 15px #c52e46); } }

@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.arrow-nav-2 {
  position: absolute;
  bottom: 3%;
  text-align: center;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

@media (max-width: 480px) {
    .arrow-nav-2 {
      bottom: 2%; } }

.arrow-nav-2 img {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
            animation: glow 1s ease-in-out infinite alternate; }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      .arrow-nav-2 img {
        width: 70%; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      .arrow-nav-2 img {
        width: 75%; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      .arrow-nav-2 img {
        width: 50%; } }

@media (min-width: 500px) and (max-width: 600px) {
      .arrow-nav-2 img {
        width: 80%; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      .arrow-nav-2 img {
        width: 60%; } }

@media (max-width: 480px) {
      .arrow-nav-2 img {
        width: 70%; } }

#second {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url("../img/sec2.jpg"); }

@media (max-width: 1024px) {
    #second {
      background-image: url("../img/sec-2-mb-big.jpg"); } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
    #second {
      background-image: url("../img/sec2.jpg"); } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #second {
      background-image: url("../img/sec2.jpg"); } }

@media (max-width: 480px) {
    #second {
      background-image: url("../img/sec-2-mb-x.jpg"); } }

@media (max-width: 1024px) {
    #second .second-copy {
      padding: 3rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #second .second-copy {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); } }

@media (max-width: 768px) {
    #second .second-copy {
      padding: 1.5rem; } }

@media (max-width: 480px) {
    #second .second-copy {
      padding: 1.5rem;
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px); } }

#second h1 {
    font-size: 230px;
    opacity: .1;
    -webkit-text-stroke: .3px white;
    text-stroke: .3px white;
    color: transparent;
    position: absolute;
    text-align: center; }

@media (max-width: 1440px) {
      #second h1 {
        font-size: 205px; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #second h1 {
        font-size: 170px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #second h1 {
        font-size: 140px; } }

@media (max-width: 768px) {
      #second h1 {
        font-size: 150px;
        -webkit-text-stroke: .45px white;
        text-stroke: .45px white; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #second h1 {
        font-size: 80px;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #second h1 {
        font-size: 120px; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #second h1 {
        font-size: 80px;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px); } }

@media (min-width: 500px) and (max-width: 600px) {
      #second h1 {
        font-size: 110px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #second h1 {
        font-size: 78px; } }

@media (max-width: 480px) {
      #second h1 {
        font-size: 80px;
        -webkit-text-stroke: .4px white;
        text-stroke: .2px white;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px); } }

@media (max-width: 360px) {
      #second h1 {
        font-size: 80px;
        -webkit-text-stroke: .3px white;
        text-stroke: .3px white;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px); } }

@media (max-width: 320px) {
      #second h1 {
        font-size: 60px;
        -webkit-text-stroke: .25px white;
        text-stroke: .25px white;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px); } }

#second h2 {
    font-size: 70px; }

@media (max-width: 1440px) {
      #second h2 {
        font-size: 55px; } }

@media (max-width: 1024px) {
      #second h2 {
        font-size: 53px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #second h2 {
        font-size: 42px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #second h2 {
        font-size: 32px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #second h2 {
        font-size: 38px;
        letter-spacing: 0.1rem !important; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #second h2 {
        font-size: 24px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #second h2 {
        font-size: 36px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #second h2 {
        font-size: 24px; } }

@media (max-width: 480px) {
      #second h2 {
        font-size: 30px; } }

@media (max-width: 380px) {
      #second h2 {
        font-size: 28px; } }

@media (max-width: 360px) {
      #second h2 {
        font-size: 27px; } }

#second .second-line,
  #second .third-line {
    letter-spacing: 8px;
    letter-spacing: 0.5rem; }

@media (max-width: 1024px) {
      #second .second-line,
      #second .third-line {
        letter-spacing: 0.15rem; } }

@media (max-width: 768px) {
      #second .second-line,
      #second .third-line {
        letter-spacing: 0.25rem; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #second .second-line,
      #second .third-line {
        letter-spacing: 0.1rem; } }

@media (max-width: 480px) {
      #second .second-line,
      #second .third-line {
        letter-spacing: 0.1rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #second .third-line {
      margin-top: 1rem; } }

#second .second-copy {
    position: absolute; }

#second .next-copy {
    position: absolute;
    width: 80%; }

@media (max-width: 1366px) {
      #second .next-copy {
        width: 85%; } }

@media (max-width: 1024px) {
      #second .next-copy {
        width: 90%; } }

@media (max-width: 480px) {
      #second .next-copy {
        width: 90%; } }

#second .next-copy .fourth-line {
      font-size: 23px;
      line-height: 1.7;
      letter-spacing: 0.5px; }

@media (max-width: 1440px) {
        #second .next-copy .fourth-line {
          font-size: 20px; } }

@media (min-width: 1200px) and (max-width: 1280px) {
        #second .next-copy .fourth-line {
          width: 80%;
          margin: 0 auto; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1024px) {
        #second .next-copy .fourth-line {
          width: 94%;
          margin: 0 auto; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
        #second .next-copy .fourth-line {
          font-size: 16px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
        #second .next-copy .fourth-line {
          font-size: 12px;
          width: 75%;
          margin: 0 auto; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
        #second .next-copy .fourth-line {
          font-size: 16px;
          letter-spacing: 0 !important;
          width: 100%; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
        #second .next-copy .fourth-line {
          font-size: 12px;
          width: 75%;
          margin: 0 auto; } }

@media (min-width: 500px) and (max-width: 600px) {
        #second .next-copy .fourth-line {
          font-size: 16px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
        #second .next-copy .fourth-line {
          font-size: 10px; } }

@media (max-width: 480px) {
        #second .next-copy .fourth-line {
          font-size: 14px; } }

@media (max-width: 380px) {
        #second .next-copy .fourth-line {
          font-size: 12px; } }

#second .next-copy .fifth-line {
      font-size: 80px;
      letter-spacing: 2.4px;
      letter-spacing: 0.15rem;
      margin-top: 24px;
      margin-top: 1.5rem; }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
        #second .next-copy .fifth-line {
          font-size: 53px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
        #second .next-copy .fifth-line {
          font-size: 46px;
          letter-spacing: 0.1rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
        #second .next-copy .fifth-line {
          font-size: 24px;
          margin-top: 1rem; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
        #second .next-copy .fifth-line {
          font-size: 40px; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
        #second .next-copy .fifth-line {
          font-size: 24px;
          margin-top: 1rem; } }

@media (min-width: 500px) and (max-width: 600px) {
        #second .next-copy .fifth-line {
          font-size: 50px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
        #second .next-copy .fifth-line {
          font-size: 24px;
          letter-spacing: 0.1rem; } }

@media (max-width: 480px) {
        #second .next-copy .fifth-line {
          font-size: 32px;
          letter-spacing: 0.5px;
          margin-top: 0.5rem; } }

@media (max-width: 380px) {
        #second .next-copy .fifth-line {
          font-size: 30px;
          letter-spacing: 0.5px;
          margin-top: 0.5rem; } }

@-webkit-keyframes scaledown {
  from {
    opacity: 0;
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2); }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes scaledown {
  from {
    opacity: 0;
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2); }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

#third {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url("../img/sec3.jpg"); }

@media (max-width: 1024px) {
    #third {
      background-image: url("../img/sec-3-mb-big.jpg"); } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
    #third {
      background-image: url("../img/sec3.jpg"); } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #third {
      background-image: url("../img/sec3.jpg"); } }

@media (max-width: 480px) {
    #third {
      background-image: url("../img/sec-3-mb-x.jpg"); } }

@media (max-width: 1024px) {
    #third .third-copy {
      padding: 3rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #third .third-copy {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); } }

@media (max-width: 768px) {
    #third .third-copy {
      padding: 1.5rem; } }

@media (max-width: 480px) {
    #third .third-copy {
      padding: 1.5rem;
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px); } }

#third h1 {
    font-size: 115px;
    letter-spacing: 2.4px;
    letter-spacing: 0.15rem; }

@media (max-width: 1440px) {
      #third h1 {
        font-size: 90px; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #third h1 {
        font-size: 70px;
        letter-spacing: 0.1rem; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #third h1 {
        font-size: 72px;
        letter-spacing: 0.05rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #third h1 {
        font-size: 42px;
        letter-spacing: 0.1rem; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #third h1 {
        font-size: 56px;
        letter-spacing: 0.1rem; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #third h1 {
        font-size: 42px;
        letter-spacing: 0.1rem; } }

@media (min-width: 500px) and (max-width: 600px) {
      #third h1 {
        font-size: 70px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #third h1 {
        font-size: 34px; } }

@media (max-width: 480px) {
      #third h1 {
        font-size: 45px;
        letter-spacing: 0.05rem; } }

@media (max-width: 480px) {
    #third h2 {
      font-size: 60px; } }

#third .second-line {
    letter-spacing: 4px;
    letter-spacing: 0.25rem;
    font-size: 90px; }

@media (max-width: 1440px) {
      #third .second-line {
        font-size: 70px; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #third .second-line {
        font-size: 56px;
        letter-spacing: 0.1rem; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #third .second-line {
        font-size: 56px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #third .second-line {
        font-size: 32px;
        letter-spacing: 0.1rem; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #third .second-line {
        font-size: 42px;
        letter-spacing: 0.1rem; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #third .second-line {
        font-size: 32px;
        letter-spacing: 0.1rem; } }

@media (min-width: 500px) and (max-width: 600px) {
      #third .second-line {
        font-size: 48px;
        letter-spacing: 0.1rem; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #third .second-line {
        font-size: 28px; } }

@media (max-width: 480px) {
      #third .second-line {
        letter-spacing: 0.1rem;
        font-size: 32px;
        line-height: 1; } }

#third .third-line {
    font-size: 24px;
    line-height: 1.7; }

@media (max-width: 1440px) {
      #third .third-line {
        font-size: 20px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #third .third-line {
        font-size: 16px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #third .third-line {
        font-size: 12px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #third .third-line {
        font-size: 16px; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #third .third-line {
        font-size: 12px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #third .third-line {
        font-size: 16px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #third .third-line {
        font-size: 10px; } }

@media (max-width: 480px) {
      #third .third-line {
        font-size: 14px; } }

@media (max-width: 380px) {
      #third .third-line {
        font-size: 12px; } }

#third .second-copy {
    padding-top: 80px;
    padding-top: 5rem; }

#third .time-logo {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }

@media (max-width: 1440px) {
      #third .time-logo img {
        width: 80%; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #third .time-logo img {
        width: 50%; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #third .time-logo img {
        width: 60%; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #third .time-logo img {
        width: 30%; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #third .time-logo img {
        width: 42%; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #third .time-logo img {
        width: 30%; } }

@media (min-width: 500px) and (max-width: 600px) {
      #third .time-logo img {
        width: 60%; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #third .time-logo img {
        width: 30%; } }

@media (max-width: 480px) {
      #third .time-logo img {
        width: 40%; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #third .time-logo {
        margin-bottom: 1rem; } }

@media (max-width: 380px) {
      #third .time-logo {
        margin-bottom: 0.5rem; } }

#third .more-project {
    margin-top: 24px;
    margin-top: 1.5rem; }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #third .more-project {
        margin-top: 0.5rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #third .more-project {
        margin-top: 0.5rem; } }

@media (max-width: 380px) {
      #third .more-project {
        margin-top: 0.5rem; } }

#third .more-project .btn-more-project {
      font-size: 20px;
      color: #c52e46;
      font-weight: 600;
      letter-spacing: 0.8px;
      letter-spacing: 0.05rem;
      border: 2px solid #c52e46;
      border-radius: 0px;
      padding: 16px 36px; }

#third .more-project .btn-more-project:hover {
        color: white;
        background-color: #c52e46; }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
        #third .more-project .btn-more-project {
          font-size: 16px;
          padding: 10px 30px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
        #third .more-project .btn-more-project {
          font-size: 16px;
          padding: 12px 30px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
        #third .more-project .btn-more-project {
          font-size: 12px;
          padding: 8px 25px; } }

@media (max-width: 480px) {
        #third .more-project .btn-more-project {
          font-size: 14px;
          padding: 18px 48px;
          border: 0.7px solid #c52e46; } }

#fourth {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url("../img/sec4.jpg"); }

@media (max-width: 1024px) {
    #fourth {
      background-image: url("../img/sec-4-mb-big.jpg"); } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
    #fourth {
      background-image: url("../img/sec4.jpg"); } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    #fourth {
      background-image: url("../img/sec4.jpg"); } }

@media (max-width: 480px) {
    #fourth {
      background-image: url("../img/sec-4-mb-x.jpg"); } }

#fourth .fourth-copy {
    position: relative;
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

@media (max-width: 1024px) {
      #fourth .fourth-copy {
        padding: 3rem; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #fourth .fourth-copy {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); } }

@media (max-width: 768px) {
      #fourth .fourth-copy {
        padding: 0 1.5rem; } }

@media (max-width: 480px) {
      #fourth .fourth-copy {
        padding: 0rem 1.5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px); } }

#fourth h1 {
    font-size: 90px; }

@media (max-width: 1440px) {
      #fourth h1 {
        font-size: 70px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #fourth h1 {
        font-size: 40px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #fourth h1 {
        font-size: 56px; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #fourth h1 {
        font-size: 40px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #fourth h1 {
        font-size: 56px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #fourth h1 {
        font-size: 34px; } }

@media (max-width: 480px) {
      #fourth h1 {
        font-size: 40px; } }

@media (max-width: 380px) {
      #fourth h1 {
        font-size: 36px; } }

#fourth h2 {
    font-size: 55px; }

@media (max-width: 1440px) {
      #fourth h2 {
        font-size: 48px;
        letter-spacing: 0.07rem !important; } }

@media only screen and (min-device-width: 1000px) and (max-device-width: 1200px) and (orientation: landscape) {
      #fourth h2 {
        font-size: 36px; } }

@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
      #fourth h2 {
        font-size: 40px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #fourth h2 {
        font-size: 24px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #fourth h2 {
        font-size: 40px; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #fourth h2 {
        font-size: 24px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #fourth h2 {
        font-size: 36px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #fourth h2 {
        font-size: 24px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #fourth h2 {
        font-size: 20px; } }

@media (max-width: 480px) {
      #fourth h2 {
        font-size: 24px;
        letter-spacing: 0.03rem !important; } }

@media (max-width: 380px) {
      #fourth h2 {
        font-size: 20px; } }

#fourth .second-line {
    letter-spacing: 2.4px;
    letter-spacing: 0.15rem; }

@media (max-width: 480px) {
      #fourth .second-line {
        letter-spacing: 0.1rem; } }

#fourth .third-line {
    letter-spacing: 2.4px;
    letter-spacing: 0.15rem; }

@media (max-width: 480px) {
      #fourth .third-line {
        letter-spacing: 0.1rem; } }

#fourth .second-copy {
    padding-top: 80px;
    padding-top: 5rem; }

#fourth .copyright {
    position: absolute;
    bottom: 2%;
    width: 95%; }

#fourth .copyright h3 {
      font-size: 18px; }

@media (max-width: 1440px) {
        #fourth .copyright h3 {
          font-size: 16px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
        #fourth .copyright h3 {
          font-size: 10px; } }

@media (min-width: 500px) and (max-width: 600px) {
        #fourth .copyright h3 {
          font-size: 12px; } }

@media (max-width: 480px) {
        #fourth .copyright h3 {
          font-size: 10px; } }

@media (max-width: 768px) {
      #fourth .copyright {
        width: 80%;
        bottom: 3%; } }

#fourth .email-a-tag {
    color: #c52e46;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

#fourth .email-a-tag:hover {
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

#fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
    letter-spacing: 4px; }

@media (max-width: 1440px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 70px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 36px; } }

@media only screen and (min-device-width: 700px) and (max-device-width: 720px) and (orientation: landscape) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 56px; } }

@media screen and (orientation: landscape) and (max-device-width: 699px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 36px; } }

@media (min-width: 500px) and (max-width: 600px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 50px; } }

@media (max-width: 1024px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        letter-spacing: 0px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 34px; } }

@media (max-width: 480px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 34px; } }

@media (max-width: 380px) {
      #fourth .intro-copy .fourth-line, #fourth .intro-copy .fifth-line {
        font-size: 28px; } }

#fourth .next-copy {
    position: absolute; }

#fourth .next-copy .fourth-line, #fourth .next-copy .fifth-line {
      font-size: 90px; }

@media (max-width: 480px) {
        #fourth .next-copy .fourth-line, #fourth .next-copy .fifth-line {
          font-size: 36px; } }

#fourth .next-copy .sixth-line {
      font-size: 64px; }

@media (max-width: 480px) {
        #fourth .next-copy .sixth-line {
          font-size: 26px; } }

#fourth .main-copy {
    position: absolute; }

.copyright-2 {
  position: absolute;
  bottom: 3%;
  text-align: center;
  z-index: 2;
  left: 50%;
  width: 90%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none; }

.copyright-2 h3 {
    font-size: 18px; }

@media (max-width: 1440px) {
      .copyright-2 h3 {
        font-size: 16px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
      .copyright-2 h3 {
        font-size: 10px; } }

@media (min-width: 500px) and (max-width: 600px) {
      .copyright-2 h3 {
        font-size: 12px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      .copyright-2 h3 {
        font-size: 10px; } }

@media (max-width: 480px) {
      .copyright-2 h3 {
        font-size: 10px; } }

@media (max-width: 380px) {
      .copyright-2 h3 {
        font-size: 9px; } }

@media (max-width: 768px) {
    .copyright-2 {
      width: 80%;
      bottom: 3%; } }

.nav-menu-btn {
  position: fixed;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  right: 2%;
  top: 4%;
  cursor: pointer; }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
    .nav-menu-btn img {
      width: 32px;
      height: 32px; } }

@media (max-width: 480px) {
    .nav-menu-btn img {
      width: 32px;
      height: 32px; } }

@media (min-width: 500px) and (max-width: 600px) {
    .nav-menu-btn {
      right: 4%; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
    .nav-menu-btn {
      right: 3%; } }

@media (max-width: 480px) {
    .nav-menu-btn {
      right: 5%;
      top: 4%; } }

.menu-container {
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  z-index: 3;
  width: 100%;
  -webkit-transition: .5s all;
  transition: .5s all;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  right: -100%;
  right: 0;
  display: none;
  width: 100%;
  height: 100%; }

.menu-container .menu {
    background-color: #c52e46;
    text-align: center;
    width: 40%;
    margin-left: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: -100%;
    -webkit-transition: 0.8s all;
    transition: 0.8s all;
    position: absolute; }

.menu-container .menu a {
      font-size: 60px;
      font-weight: 600;
      text-transform: uppercase !important;
      letter-spacing: 3px;
      color: white;
      text-decoration: none;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }

.menu-container .menu a:hover {
        color: rgba(255, 255, 255, .8); }

@media (max-width: 1440px) {
        .menu-container .menu a {
          font-size: 50px; } }

@media screen and (orientation: landscape) and (max-device-width: 850px) {
        .menu-container .menu a {
          font-size: 30px; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
        .menu-container .menu a {
          font-size: 24px; } }

@media (max-width: 480px) {
        .menu-container .menu a {
          font-size: 30px; } }

@media (min-width: 500px) and (max-width: 600px) {
      .menu-container .menu {
        width: 100%;
        background-color: #c52e46; } }

@media screen and (orientation: landscape) and (max-device-width: 568px) {
      .menu-container .menu {
        width: 40%; } }

@media (max-width: 480px) {
      .menu-container .menu {
        width: 100%; } }

.menu-container.show {
  right: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, .8); }

.menu-container.show .menu {
    right: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s; }