* {
  padding: 0px;
  margin: 0px;
}


body {
  height: auto;
}

h2  {
  text-align: center;
  color: white;
  font-family: 'Rowdies', cursive;
}

.lwleft {
  width: 50%;
  min-height: 100vh;
  background-image: url('../img/shots.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}

.lwright {
  width: 50%;
  min-height: 100vh;
  background-color: #130f40;
}

.logoclass {
  height: auto;
  width: auto;
  display: inline-block;
  margin-top: 32.5%;
}

.logoclass img {

}

.lwright p {
  color: white;
  text-align: center;
  font-size: 18px;
  font-family: 'Righteous', cursive;
}

.lwmiddle {
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 20%;
}

.lwtitle {
  margin-top: 50px;
  font-size: 40px;
  margin-bottom: 20%;
}

.show {
  left: 0% !important;
  z-index: 100
}

.show h2, .show h3, .notyet h2, .notyet h3{
  font-family: 'Rowdies', cursive;
  color: #EA2027;
  text-shadow: -2px 3px 2px rgba(0,0,0,0.6);
}

.notyet {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  font-family: 'Rowdies', cursive;
  color: #EA2027;
  font-size: 10vw;
  z-index: 1000;
  text-align: center;
  left: -200%;
  margin-top: 2%;
  transition: all 1s ease-in-out;
  }

footer {
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #8e2100;
}

footer li {
  padding: 30px 60px 30px 60px;
  float: right;
  list-style: none;
}

a {
  text-decoration: none;
  color: white;
  font-family: 'Righteous', cursive;
  font-size: 18px;
}


/*landing new*/

.landingmain {
  height: 100vh;
  width: 100%;
  background: -webkit-linear-gradient(rgba(17, 24, 31, .95), rgba(17, 24, 31, .9)), url("../img/landingpage.jpg");
  background-size: cover;
  overflow-x: hidden;
  background-position: center;
  display: flex;
  flex-flow: row wrap;
}

.lmlogo {
  width: 50%;
  justify-content: center;
}

.lmcontent h2  {
  font-size: calc(22px + 2rem);
}

#subtext {
  padding-top: 10px;
  font-size: calc(18px + 1rem);
}

.lmcontent {
  width: 50%;
}

.lmcontent img {
  padding-top: 15%;
  width: 100%;
}

.lmbuttons {
  display: flex;
  color: white;
  text-align: center;
  justify-content: center;
  margin-top: 40px;
}

.btn {
  padding: 20px;
  width: 200px;
  border: 3px solid #8e2100;
  background-color: rgba(0,0,0,0);
  color: white;
  font-size: calc(16px + .5rem);
  border-radius: 45px;
  cursor: pointer;
  margin-left: 30px;
}

.btn:first-child {
  margin-left: 0px;
}

.drinkoftheweek {
  width: 70%;
  height: 80%;
  margin-top: 10%;
  margin-left: 15%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.drinkoftheweektop {
  width: 100%;
  height: 50%;
  background-image: url("../img/landingpage.jpg");
  background-size: cover;
  border-radius: 30px 30px 0px 0px;
  -webkit-box-shadow: 10px 10px 29px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 29px -6px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 29px -6px rgba(0,0,0,0.75);
}

.drinkoftheweektop h2 {
  color: #8e2100;
  font-size: calc(18px + 1rem);
  border: 4px solid white;
  background-color: rgba(15, 19, 23, .9);
  width: 70%;
  margin-left: 15%;
  border-radius: 50px;
}

.drinkoftheweektext {
  padding-top: 40px;
  text-align: center;
  width: 100%;
  height: auto;
}

.drinkoftheweekbottom {
  width: 100%;
  text-align: left;
  height: 50%;
  background-color: #f1f2f6;
  border-radius: 0px 0px 120px 30px;
  -webkit-box-shadow: 10px 10px 29px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 29px -6px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 29px -6px rgba(0,0,0,0.75);
}

.drinkoftheweekbottom h2 {
  color: white;
  padding-top: 25px;
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 2px solid #8e2100;
  background-color: #8e2100;
}

.drinkoftheweekbottom h3 {
  color: #1e272e;
  font-family: 'Rowdies', cursive;
  text-align: center;
  font-weight: lighter;
  font-style: italic;
  margin-top: 2%;
  margin-bottom: 2%;
}

.drinkoftheweekbottom li {
  color: #1e272e;
  font-family: 'Rowdies', cursive;
  text-align: center;
  list-style: square;
  font-size: calc(15px + .4rem);
}

 .wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s both;
	        animation: wobble-hor-bottom 0.8s both;
}

.mini__section__content__block .dev__img {
  position: absolute;
  right: 0px;
  width: 50% !important;
}

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

/*styling homepage new chunks*/

.homecontent__wrapper {
  height: auto;
}

.homecontent__segment {
  height: 90vh;
  background-color: white;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.homecontent__segment video {
  width: 70%;
  box-shadow: 0 8px 6px -6px black;
}

.homecontent__segment .segment__column {
  width: 50vw;
  height: 100%;
}

.homecontent__segment .segment__column .item__small {
  width: 100%;
  height: 50%;
  background-color: #2c2c54;
  display: flex;
  justify-content: center;
  align-items: center;
}

.homecontent__segment .segment__column .item__normal {
  width: 100%;
  height: 100%;
  background-color: #6F1E51;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.homecontent__segment .segment__column .item__normal .textpadding {
  width: 70%;
  text-align: left;
}

.textpadding {
  margin-top: 30%;
}

#intropadding {
  margin-top: 20vh;
}

.homecontent__segment .segment__column .item__normal .textpadding h2 {
  text-align: left !important;
  line-height: 2;
  font-size: 3rem;
}

.homecontent__segment .segment__column .item__normal .textpadding p {
  text-align: left !important;
  line-height: 1.5;
  font-size: 1.1rem;
  color: white;
  letter-spacing: .12rem;
  font-family: 'lato', sans-serif;
}

.homecontent__segment .segment__column .item__small h2 {
  font-size: 3.2rem;
  font-style: italic;
  margin: 0px;
  padding: 0px;
}

.homecontent__segment .segment__column .item__small img {
  width: 100%;
}

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

.segment__bar {
  width: 100%;
  background-color #3f0d12;
  background-image: linear-gradient(315deg, #3f0d12 0%, #a71d31 74%);
  height: 15vh;
  top: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.segment__bar h2 {
  font-size: 3.2rem;
  font-style: italic;
  margin: 0px;
  padding: 0px;
}

#modifierexplained {
  background-color: white;
}

#modifierexplained h2 {
  color: #210517;
}

#modifierexplained p {
  color: #210517;
}

#minigames {
  background-color: #210517;
}

#videoplayer {
  background-image: linear-gradient(rgba(241, 242, 246,.8),rgba(206, 214, 224,.8)), url('../img/party.jpg');
}

#introtext {
  background-image: linear-gradient(rgba(111, 30, 81,.9),rgba(111, 30, 81,.9)), url('../img/party.jpg');
  background-size: cover;
}

#introbanner {
  background-image: linear-gradient(rgba(64, 6, 43,.95),rgba(64, 6, 43,.95)), url('../img/shots.jpg');
  background-size: cover;
  background-position: center;
}

@media (max-width: 1400px) {
      #contentbanner{
        display: none;
      }

      .contentSquare{
        width: 95%;
        height: auto;
      }

      .Square {
        width: 50vw;
      }
}

@media (max-width: 840px){

  .roadmapwrapper {
    display: none;
  }

  .homecontent__segment .segment__column {
    width: 100%;
    height: auto;
  }

  .homecontent__segment .segment__column .item__small h2 {
    padding: 30px;
  }

  #videoplayer {
    display: NONE;
  }

  .segment__bar {
    position: relative;
  }

  .homecontent__segment {
    flex-direction: column;
    height: auto;
  }

  .homecontent__segment .segment__column .item__normal {
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
  }

   .lmcontent {
        flex-basis: 100%;
        //whatever width you want in mobile view
        text-align: center;
        min-height: 70vh;
    }

    .btn {
      width: 150px;
      font-size: calc(12px + .5rem);
    }

    .lmcontent h2 {
      padding: 15px;
    }

    .lmlogo {
        flex-basis: 100%;
        height: auto;
        //whatever width you want in mobile view
      }

    .landingmain {
      height: auto;
    }

    .drinkoftheweek {
      display: NONE;
    }

    .drinkoftheweekbottom {
      padding-bottom: 70px;
    }

    .drinkoftheweekbottom h2 {
      margin-bottom: 50px;
    }

    .drinkoftheweektext {
      width: auto;
      height: auto;
      padding-top: 50px;
      padding-bottom: 50px;
      text-align: center;
    }

    .drinkoftheweektext h2 {
      padding: 20px;
      font-size: 20px;
      width: 80%;
      margin-left: 5%;

    }

    .lmcontent h2  {
      font-size: calc(14px + 1.5rem);
    }

    #subtext {
      padding-top: 10px;
      font-size: calc(12px + 1rem);
    }

}