@import url("https://fonts.googleapis.com/css2?family=Antic+Slab&family=Oxygen&family=Vibur&display=swap");
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

audio, canvas, video {
  display: inline-block;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, html, input, select, textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: '';
  clear: both;
  height: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  font-size: 62.5%;
}

body {
  max-width: 3000px;
  margin: 0 auto;
  color: whitesmoke;
}

.visuallyHidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0);
  overflow: hidden;
}

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  width: 90%;
}

p {
  font-size: 1.5rem;
  font-family: 'Antic Slab', serif;
  line-height: 2.1rem;
  letter-spacing: .5px;
}

a {
  text-decoration: none;
  font-family: 'Antic Slab', serif;
  color: black;
  font-size: 1.5rem;
  position: relative;
}

h2 {
  font-family: 'Oxygen', sans-serif;
  font-size: 1.8rem;
}

h3 {
  color: #dbc236;
  font-size: 2rem;
  text-shadow: -1px -1px 0 black, 1px -1px 0 #19191a, -1px 1px 0 #1d1e20, 1px 1px 0rgb 28, 87, 250 0;
}

.dark {
  background: #141618;
  -webkit-box-shadow: inset 1px 0px 10px 2px #111111;
          box-shadow: inset 1px 0px 10px 2px #111111;
  color: #fff;
  padding: 40px;
}

section {
  margin: 80px 0;
}

i {
  font-size: 2.5rem;
}

.side-bar {
  position: relative;
}

.side-bar__text {
  overflow: hidden;
  position: fixed;
  margin-top: 50px;
  font-size: 4.5rem;
  font-family: 'Antic Slab', serif;
  font-weight: bold;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 1.2rem;
}

.side-bar__line {
  background: #dddddd none repeat scroll 0 0;
  height: 4px;
  width: 450px;
  left: -115px;
  top: 144px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
}

.mobile-title-container {
  position: relative;
}

.mobile-title {
  display: none;
  border-right: solid 3px rgba(11, 17, 11, 0.75);
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  font-family: 'Source Code Pro', monospace;
  font-family: 'Antic Slab', serif;
  color: #f0d854;
  font-size: 4.2rem;
  letter-spacing: .3rem;
  -webkit-animation: animated-text 4s steps(17, end) 1s 1 normal both, animated-cursor 600ms steps(17, end) infinite;
          animation: animated-text 4s steps(17, end) 1s 1 normal both, animated-cursor 600ms steps(17, end) infinite;
}

@-webkit-keyframes animated-text {
  from {
    width: 0;
  }
  to {
    width: 286px;
  }
}

@keyframes animated-text {
  from {
    width: 0;
  }
  to {
    width: 286px;
  }
}

/* cursor animations */
@-webkit-keyframes animated-cursor {
  from {
    border-right-color: rgba(238, 204, 55, 0.75);
  }
  to {
    border-right-color: transparent;
  }
}
@keyframes animated-cursor {
  from {
    border-right-color: rgba(238, 204, 55, 0.75);
  }
  to {
    border-right-color: transparent;
  }
}

.main-header {
  background-image: linear-gradient(120deg, rgba(0, 0, 0, 0.6), rgba(46, 20, 10, 0.397)), url(/assets/Front-min.png);
  background-size: cover;
  height: 100vh;
  overflow: hidden;
}

.main-header::before {
  display: block;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  background-image: url(/assets/Front-transparent-min.png);
  background-size: cover;
  -webkit-box-shadow: inset 5px -100px 100px 0 #141618;
          box-shadow: inset 5px -100px 100px 0 #141618;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  position: relative;
  padding: 30px 0;
}

.header__text {
  color: #161010;
  padding: 30px 10px;
}

.header__text p {
  font-size: 1.5rem;
  font-style: italic;
}

.header__sign {
  min-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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__sign-word {
  text-align: center;
  line-height: 1;
  -webkit-animation: neon .08s ease-in-out infinite alternate;
          animation: neon .08s ease-in-out infinite alternate;
}

.header__text-light {
  color: #e9e6dc;
}

.header__title {
  font-size: 4rem;
  font-weight: bold;
  font-family: 'Vibur', cursive;
}

.header__main-mobile-icon {
  color: black;
}

.header__main-mobile-icon-container {
  background: rgba(255, 255, 255, 0);
  border: none;
  display: none;
}

.header__main-mobile-icon--active {
  color: black;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.header__mobile-icon-container {
  background: rgba(255, 255, 255, 0);
  border: none;
  display: none;
}

.header__mobile-icon {
  position: relative;
  z-index: 3;
  font-size: 30px;
}

.header__mobile-icon--active {
  font-size: 30px;
  color: #f5eec5;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.header__nav {
  position: relative;
  z-index: 3;
}

.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0px;
  list-style-type: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-transform: uppercase;
}

.header__list-item {
  margin-left: 50px;
  font-size: 1.3rem;
  font-style: bold;
}

.header__social-list {
  top: 25%;
  z-index: 3;
  margin-right: 35px;
  position: absolute;
  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;
}

.header__social-item {
  margin-bottom: 25px;
}

.header__icon {
  color: black;
  -webkit-transition: .5s;
  transition: .5s;
}

.header__icon:hover, .header__icon:focus {
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.header__mobile-social-list {
  display: none;
  z-index: 3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.header__mobile-social-item {
  margin: 0 20px;
}

.header__alt-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header__alt-icon {
  color: whitesmoke;
  margin: 0 0 0 50px;
  -webkit-transition: .5s;
  transition: .5s;
}

.header__alt-icon:hover, .header__alt-icon:focus {
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
  color: #cab956;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.header__light {
  color: whitesmoke;
}

.header__main-list-link:hover, .header__main-list-link:focus {
  color: black;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.header__main-list-link:after {
  background: black none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  margin-top: -1px;
  -webkit-margin-before: -2px;
  position: absolute;
  bottom: -25%;
  left: -5%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 0;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.header__main-list-link:hover:after,
.header__main -list-link:focus:after {
  width: 110%;
}

.header__list-link-active {
  color: #f0d854;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.header__list-link-active:hover, .header__list-link-active:focus {
  color: #f0d854;
}

.header__list-link:hover, .header__list-link:focus {
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
  color: white;
}

.header__list-link:after {
  background: #f8e470 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  margin-top: -1px;
  -webkit-margin-before: -2px;
  position: absolute;
  bottom: -25%;
  left: -5%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 0;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.header__list-link:hover:after, .header__list-link:focus:after {
  width: 110%;
}

.header__line {
  background: #f8e470 none repeat scroll 0 0;
  height: 2px;
  margin: 50px auto;
  width: 88%;
  max-width: 2000px;
}

.fa-chevron-down {
  font-size: 5rem;
  color: #c7a26c;
}

.arrow-link {
  display: none;
  position: absolute;
  top: 90vh;
  left: 48%;
  z-index: 2;
  -webkit-animation: bounce .5s ease-in-out infinite alternate, neon .5s ease-in-out infinite alternate;
          animation: bounce .5s ease-in-out infinite alternate, neon .5s ease-in-out infinite alternate;
}

@-webkit-keyframes neon {
  from {
    text-shadow: 0 0 6px rgba(112, 112, 112, 0.92), 0 0 30px rgba(0, 0, 0, 0.34), 0 0 12px rgba(211, 74, 11, 0.329), 0 0 21px rgba(46, 44, 42, 0.92), 0 0 34px rgba(173, 171, 171, 0.78), 0 0 54px rgba(15, 15, 15, 0.582);
  }
  to {
    text-shadow: 0 0 6px rgba(139, 139, 139, 0.98), 0 0 30px rgba(230, 152, 9, 0.007), 0 0 12px rgba(187, 89, 23, 0.329), 0 0 22px rgba(110, 85, 16, 0.84), 0 0 38px #030303, 0 0 60px rgba(197, 196, 196, 0.726);
  }
}

@keyframes neon {
  from {
    text-shadow: 0 0 6px rgba(112, 112, 112, 0.92), 0 0 30px rgba(0, 0, 0, 0.34), 0 0 12px rgba(211, 74, 11, 0.329), 0 0 21px rgba(46, 44, 42, 0.92), 0 0 34px rgba(173, 171, 171, 0.78), 0 0 54px rgba(15, 15, 15, 0.582);
  }
  to {
    text-shadow: 0 0 6px rgba(139, 139, 139, 0.98), 0 0 30px rgba(230, 152, 9, 0.007), 0 0 12px rgba(187, 89, 23, 0.329), 0 0 22px rgba(110, 85, 16, 0.84), 0 0 38px #030303, 0 0 60px rgba(197, 196, 196, 0.726);
  }
}

@-webkit-keyframes bounce {
  from {
    top: 90vh;
  }
  to {
    top: 89vh;
  }
}

@keyframes bounce {
  from {
    top: 90vh;
  }
  to {
    top: 89vh;
  }
}

body {
  background-color: #141618;
}

.home__section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}

.home__container {
  overflow: hidden;
}

.home h2 {
  color: #dbc236;
  font-size: 2.6rem;
  text-shadow: -1px -1px 0 black, 1px -1px 0 #19191a, -1px 1px 0 #1d1e20, 1px 1px 0rgb 28, 87, 250 0;
  font-family: 'Oxygen', sans-serif;
  text-transform: uppercase;
}

.home__icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home__icon-list i {
  font-size: 3rem;
  margin: 25px;
}

.home__title_1 {
  position: absolute;
  top: -20px;
  text-align: center;
}

.home__title_2 {
  position: absolute;
  top: -20px;
  text-align: center;
}

.home__article {
  margin: 50px 0;
}

.home__text {
  margin: 15px 0;
}

.home__text span {
  font-size: 1.4rem;
  font-weight: bolder;
  color: #dbc236;
  -webkit-animation: neon 1s ease-in-out infinite alternate;
          animation: neon 1s ease-in-out infinite alternate;
}

.home__news-link {
  color: #dbc236;
}

.home__shows {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.home__upcoming-show {
  margin-top: 50px;
  text-align: center;
}

.home__images {
  position: relative;
}

.home__images-1 img {
  width: 100%;
}

.home__images-1::after {
  -webkit-box-shadow: inset 5px -100px 100px 0 #141618;
          box-shadow: inset 5px -100px 100px 0 #141618;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.home__form {
  padding: 50px 25px 50px 25px;
}

.home__album-img img {
  width: 100%;
  margin-top: 50px;
}

iframe {
  margin-top: 15px;
}

@keyframes neon {
  from {
    text-shadow: 0 0 6px rgba(112, 112, 112, 0.92), 0 0 30px rgba(0, 0, 0, 0.34), 0 0 12px rgba(211, 74, 11, 0.329), 0 0 21px rgba(46, 44, 42, 0.92), 0 0 34px rgba(173, 171, 171, 0.78), 0 0 54px rgba(15, 15, 15, 0.582);
  }
  to {
    text-shadow: 0 0 6px rgba(139, 139, 139, 0.98), 0 0 30px rgba(230, 152, 9, 0.007), 0 0 12px rgba(187, 89, 23, 0.329), 0 0 22px rgba(110, 85, 16, 0.84), 0 0 38px #030303, 0 0 60px rgba(197, 196, 196, 0.726);
  }
}

.music__title {
  font-size: 2.1rem;
  margin-bottom: 10px;
  text-align: center;
}

.music__icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 35px 0 35px 0;
}

.music__info {
  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;
}

.music__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: whitesmoke;
  margin: 15px 0 15px 0;
  font-size: 1.2rem;
}

.music__link:hover, .music__link:focus {
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
  color: #cab956;
}

.music__icon {
  margin-right: 10px;
}

.music__bandcamp-icon {
  color: #629aa9;
}

.music__spotify-icon {
  color: #1ED760;
}

.music__apple-icon {
  color: #A2AAAD;
}

.music__text {
  margin: 10px 0 60px 0;
  text-align: center;
}

.music__text-date {
  font-size: 1.6rem;
  margin-bottom: 35px;
}

.videos {
  margin-top: 50px;
}

.shows__title {
  font-size: 3rem;
  margin: 40px 0 60px 0;
  text-align: center;
}

.shows__past-shows {
  margin-top: 100px;
}

.shows__text {
  text-transform: uppercase;
  margin: 15px 0;
  text-align: center;
}

.shows__text-date {
  font-size: 3rem;
}

.shows__past-show {
  margin-bottom: 75px;
}

.shows__img {
  width: 100%;
}

.about__img {
  width: 100%;
}

.about__text span {
  color: #dbc236;
  font-size: 4rem;
  font-weight: bold;
}

.booking__text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.booking__text {
  margin: 35px 0 50px 0;
  line-height: 4rem;
  text-align: center;
}

.booking__text span {
  font-size: 1.5rem;
  color: #f0d854;
}

.booking__img {
  width: 100%;
}

.footer {
  background-color: #141618;
  background-image: url(../../assets/image-testing-min.png);
  background-size: 2500px;
  background-position: 20% 15%;
  padding: 50px 0;
  margin-top: 200px;
}

.footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__social-icon {
  font-size: 3rem;
  color: whitesmoke;
  margin: 0 30px;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 0 40px;
}

.footer__social-icon:hover, .footer__social-icon:focus {
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
  color: #cab956;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__list-item {
  margin: 50px 10px;
}

.footer__list-link {
  font-size: 1.7rem;
  color: whitesmoke;
}

.footer__list-link-active {
  color: #f0d854;
  font-size: 1.7rem;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.footer__list-link-active:hover,
.footer__list-link-active:focus {
  color: #f0d854;
}

.footer__list-link:hover,
.footer__list-link:focus {
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
  color: white;
}

.footer__list-link:after {
  background: #f8e470 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  margin-top: -1px;
  -webkit-margin-before: -2px;
  position: absolute;
  bottom: -25%;
  left: -5%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 0;
  -webkit-animation: neon .1s ease-in-out infinite alternate;
          animation: neon .1s ease-in-out infinite alternate;
}

.footer__list-link:hover:after,
.header__list-link:focus:after {
  width: 110%;
}

@media only screen and (min-height: 1200px) {
  .arrow-link {
    display: inline-block;
  }
}

@media only screen and (max-width: 1400px) {
  .footer__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 1290px) {
  .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header__text {
    padding: 10px 10px;
  }
  .header__social-list {
    display: none;
  }
  .header__mobile-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
  }
  .header__list {
    padding: 10px 0px;
  }
  .header__list-item {
    margin: 25px;
  }
  .header__alt-social-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header__alt-icon {
    margin: 0 15px 0 15px;
  }
  .side-bar__text {
    top: 360px;
  }
}

@media only screen and (max-width: 1090px) {
  .main-header {
    background-position: 50% 10%;
  }
  .main-header::before {
    background-position: 50% 10%;
  }
}

@media only screen and (max-width: 991px) {
  .side-bar__line {
    display: none;
  }
  .about__text {
    margin-top: 75px;
  }
}

@media only screen and (max-width: 975px) {
  .header__mobile-social-item {
    margin: 0 10px;
  }
  .footer {
    background-position: 20% 5%;
  }
  .footer__list {
    margin-top: 75px;
  }
}

@media only screen and (max-width: 830px) {
  .main-header {
    background-position: 40% 10%;
  }
  .main-header::before {
    background-position: 40% 10%;
  }
}

@media only screen and (max-width: 767px) {
  .header__title {
    font-size: 2.5rem;
  }
  .header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__main-mobile-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__mobile-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__mobile-icon {
    color: white;
  }
  .header__list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: top ease-in-out 1s;
    transition: top ease-in-out 1s;
  }
  .header__social-list {
    margin-top: 50px;
  }
  .header__alt-social-list {
    margin-top: 50px;
  }
  .mobile-title-container {
    margin-bottom: 80px;
  }
  .mobile-title {
    display: block;
  }
  .side-bar {
    display: none;
  }
}

@media only screen and (max-width: 675px) {
  .main-header {
    background-size: 1400px;
    background-position: 40% 10%;
  }
  .main-header::before {
    display: none;
  }
  .home__images-1::after {
    -webkit-box-shadow: inset 2px -10px 10px 0 #141618;
            box-shadow: inset 2px -10px 10px 0 #141618;
  }
  .home h2 {
    font-size: 1.8rem;
  }
  .footer {
    margin-top: 0px;
  }
  .footer__social-icon {
    margin: 0 15px;
  }
  .footer__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 40px 0 40px 0;
  }
  .footer__list-item {
    margin: 10px 0;
  }
}

@media only screen and (max-width: 445px) {
  .arrow-link {
    display: none;
  }
  .header__mobile-social-item {
    margin: 0 5px;
  }
  .footer__social-icon {
    font-size: 2rem;
  }
}