body, html {
    font-size: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
body, html, #container {
    width: 100%;
    height: 100%;
}
h1, h2 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
div, p {
    margin: 0;
    padding: 0;
}
p {
    color: #ffffff;
    margin: 0;
    padding: 0;
}
a:link, a:visited {
    color: #fff;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}
a:hover, a:active {
    color: #fff;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}
a:hover, a:active, a:link {
    cursor: pointer!important;
}
img {
    border: medium none;
}
.grecaptcha-badge {
    z-index: 9995;
}

/*--Hero--*/
#hero {
    background: url(../img/hero-bg.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 51.05vw;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


#join .content .login {
    background: #dd3430;
    background-size: 13px 19px;
    color: #fff;
    font-family: 'Open sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    margin: 5px 40px 0px 40px;
    padding: 28px 49px;
     max-width: 300px;
    text-align: center;
    text-transform: uppercase;
    line-height: 14px;

    float: center;
    display: block;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-transition: all 200ms ease-in-out 100ms;
    -moz-transition: all 200ms ease-in-out 100ms;
    -ms-transition: all 200ms ease-in-out 100ms;
    -o-transition: all 200ms ease-in-out 100ms;
    transition: all 200ms ease-in-out 100ms;
}
#join .content .login:hover {
    background: #871a17;
    -webkit-transition: all 200ms ease-in-out 100ms;
    -moz-transition: all 200ms ease-in-out 100ms;
    -ms-transition: all 200ms ease-in-out 100ms;
    -o-transition: all 200ms ease-in-out 100ms;
    transition: all 200ms ease-in-out 100ms;
}

/*--Header--*/
#hero #header {
    width: 100%;
    height: 118px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#hero #header #logo {
    display: block;
    width: 500px;
    height: auto;
    margin: 0;
    padding: 0 0 0 50px;
}
#hero #header .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0 50px 0 0;
}
/*Header Menu*/
#hero #header .wrap .navigation {
    list-style: outside none none;
    margin: 0 20px 0 0;
    padding: 0;
    width: auto;
    display: flex;
}
#hero #header .wrap .navigation li {
    margin: 0;
}
#hero #header .wrap .navigation li .last {
    margin-bottom: 0;
}
#hero #header .wrap .navigation li a {
    color: #fff;
    font-family: 'Asap', sans-serif;
    font-size: 16px;
    display: block;
    margin: 0;
    padding: 0 8px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 10ms ease-in-out 10ms;
    -moz-transition: all 10ms ease-in-out 10ms;
    -ms-transition: all 10ms ease-in-out 10ms;
    -o-transition: all 10ms ease-in-out 10ms;
    transition: all 10ms ease-in-out 10ms;
    opacity: .5;
}
#hero #header .wrap .navigation li a:hover {
    color: #fff;
    -webkit-transition: all 10ms ease-in-out 10ms;
    -moz-transition: all 10ms ease-in-out 10ms;
    -ms-transition: all 10ms ease-in-out 10ms;
    -o-transition: all 10ms ease-in-out 10ms;
    transition: all 10ms ease-in-out 10ms;
    opacity: 1;
}
#hero #header .wrap .navigation li a span {
    font-size: 12px;
}
/*Login*/
#hero #header .wrap .login {
    display: block;
    background: #fff;
    color: #4d05e8;
    font-size: 16px;
    font-family: 'Asap', sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    width: 100px;
    height: auto;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
#hero #header .wrap .login:hover {
    background: #be2808;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
#hero #header .wrap .login span {
    color: #f2784b;
}

#hero h1, #hero h2 {
    color: #fff;
    font-family: 'Open sans', sans-serif;
    font-size: 35px;
    margin: 0 0 10px 0;
    padding: 0 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
#hero .heading-wrap {
}
#hero .heading {
    display: block;
    width: 679px;
    height: auto;
   margin: 0 0 0 55px;
    padding: 4px;
    -webkit-transition: all 50ms ease-in;
    -moz-transition: all 50ms ease-in;
    -ms-transition: all 50ms ease-in;
    -o-transition: all 50ms ease-in;
    transition: all 50ms ease-in;
}
@media all and (-ms-high-contrast:none)
 {
 #hero .heading { width: auto!important } /* IE10 */
 *::-ms-backdrop, #hero .heading { width: auto!important } /* IE11 */
 }

/*--5 Step Form--*/
#hero #form-wrapper {
    width: 100%;
    height: 0;
    margin: 450 400 0 55px;
    padding: 0;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
/*--Hidden elements--*/
#hero #form-wrapper .signup .heading-sticky {
    display: none;
    color: #fff;
    font-family: 'Open sans', sans-serif;
    font-size: 24px;
    margin: 0 0 10px 0;
    padding: 0 20px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0,0,0,.2);
}
.toggle-x2 {
    display: none;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 9px;
    right: 8px;
    cursor: pointer;
    z-index: 9999;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
.toggle-x2:hover {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
/*Fixed Form State*/
.fixed {
    background: none!important;
    position: fixed!important;
    bottom: 20px;
    right: 20px;
    width: auto!important;
    height: auto;
    z-index: 99999!important;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.fixed .signup {
    background: #ddd;
    padding: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.fixed .heading-sticky {
    display: block!important;
}
.fixed .toggle-x2 {
    display: block;
}
/*END Fixed Form State*/

/*CTA Bubble*/
#hero .cta {
    position: absolute;
    top: 34%;
    right: 15.7%;
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px) rotate(-6deg);
    transform: translateY(-8px) rotate(-6deg);
  }
  50% {
    -webkit-transform: translateY(-4px) rotate(-6deg);
    transform: translateY(-4px) rotate(-6deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-6deg);
    transform: translateY(-8px) rotate(-6deg);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px) rotate(-6deg);
    transform: translateY(-8px) rotate(-6deg);
  }
  50% {
    -webkit-transform: translateY(-4px) rotate(-6deg);
    transform: translateY(-4px) rotate(-6deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(-6deg);
    transform: translateY(-8px) rotate(-6deg);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px) rotate(-6deg);
    transform: translateY(-8px) rotate(-6deg);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px) rotate(-6deg);
    transform: translateY(-8px) rotate(-6deg);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*Cta2*/
#hero .cta2 {
    background: #3B3A3A;
    width: 1070px;
    height: 110px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-transform: rotate(-.8deg);
    -webkit-transform: rotate(-.8deg);
    -o-transform: rotate(-.8deg);
    -ms-transform: rotate(-.8deg);
    transform: rotate(-.8deg);
}
#hero .cta2 h2 {
    color: #fff;
    font-size: 33px;
    font-family: 'Asap', sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#hero .cta2 h2 span {
    color: #f2784b;
}
#hero .cta2 h2 u {
    color: #ffcb05;
    text-decoration: none;
}

/*--Row 1--*/
#row1 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
#row1 .outer {
    width: 33.33%;
    height: auto;
    margin: 0;
    padding: 0;
}
/*Pod1*/
#row1 .outer .pod1 {
    background: url(../img/row1-img1.jpg) no-repeat center top;
    background-size: cover;
    height: 28.63vw;
    padding: 4.7vw 0 0 3.2vw;
    margin: 0;
    position: relative;
}
#row1 .outer .pod1 .overlay1 {
    background: rgba(207,43,43,.8);
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#row1 .outer .pod1 h2 {
    color: #fff;
    font-size: 40px;
    font-family: 'Lalezar', cursive;
    font-weight: 400;
    line-height: 38px;
    margin: 0 auto 8px auto;
    padding: 0;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
#row1 .outer .pod1 h2 span {
    color: #ffcb05;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    line-height: normal;
    text-transform: none;
}
#row1 .outer .pod1 p {
    color: #fff;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    font-weight: 400;
    line-height: 29px;
    margin: 0;
    padding: 0;
    width: 400px;
    position: relative;
    z-index: 1;
}
#row1 .outer .pod1:hover {
    -webkit-transition: all 200ms ease-in-out 100ms;
    -moz-transition: all 200ms ease-in-out 100ms;
    -ms-transition: all 200ms ease-in-out 100ms;
    -o-transition: all 200ms ease-in-out 100ms;
    transition: all 200ms ease-in-out 100ms;
}
/*Pod2*/
#row1 .outer .pod2 {
    background: url(../img/row1-img2.svg) no-repeat 210px 35px #eee;
    height: 33.33vw;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}
#row1 .outer .pod2 .phone {
    background: url(../img/phone.png) no-repeat center bottom;
    width: 352px;
    height: 525px;
    padding: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#row1 .outer .pod2 .phone-wrap {
    width: 318px;
    height: auto;
    padding: 0;
    margin: 55px auto 0 auto;
    overflow: hidden;
}
#row1 .outer .pod2 .phone-wrap .phone-inner {
    display: block;
    width: 318px;
    height: auto;
    padding: 0;
    margin: 0;
}
.sliding-animation {
    display: block;
    margin: 0 auto;
    -webkit-animation: sliding-animation 9s infinite;
    animation: sliding-animation 9s infinite;
    animation-duration: 9s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: sliding-animation;
}
@-webkit-keyframes sliding-animation {
    11% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    25% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    39% {
        -webkit-transform: translateY(-35%);
        transform: translateY(-35%);
    }
    53% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes sliding-animation {
    11% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    25% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    39% {
        -webkit-transform: translateY(-35%);
        transform: translateY(-35%);
    }
    53% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/*Pod3*/
#row1 .outer .pod3 {
    background: url(../img/row1-img3.jpg) no-repeat center top;
    background-size: cover;
    height: 33.33vw;
    padding: 0;
    margin: 0;
    position: relative;
}
/*Emoji Hearts*/
.emoji-hearts {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 200px;
    top: 265px;
    overflow: visible;
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.emoji-hearts2 {
    width: 35px;
    height: 35px;
    right: 250px;
    top: 265px;
}
.emoji-hearts .st0{fill:#FED223;}
.emoji-hearts .st1{fill:#FEB123;}
.emoji-hearts .st2{fill:#FEEF5E;}
.emoji-hearts .st3{fill:#802D21;}
.emoji-hearts .st4{fill:#FFFFFF;}
.emoji-hearts .st5{fill:#F55151;}
.emoji-hearts .st6{fill:#DC372F;}

/*Emoji Laugh*/
.emoji-laugh {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 285px;
    top: 265px;
    overflow: visible;
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.emoji-laugh2 {
    width: 35px;
    height: 35px;
    right: 270px;
    top: 265px;
}
.emoji-laugh .st0{fill:#FED223;}
.emoji-laugh .st1{fill:#FEB123;}
.emoji-laugh .st2{fill:#FEEF5E;}
.emoji-laugh .st3{fill:#802D21;}
.emoji-laugh .st4{fill:#FFFFFF;}
.emoji-laugh .st5{fill:#F55151;}

/*Emoji Lol*/
.emoji-lol {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 260px;
    top: 265px;
    overflow: visible;
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.emoji-lol .st0{fill:#FED223;}
.emoji-lol .st1{fill:#FEB123;}
.emoji-lol .st2{fill:#FEEF5E;}
.emoji-lol .st3{fill:#802D21;}
.emoji-lol .st4{fill:#FFFFFF;}
.emoji-lol .st5{fill:#F55151;}
.emoji-lol .st6{fill:#28BEEF;}
.emoji-lol .st7{fill:#78FAFF;}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* END Icon Pulse Grow */

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* END Icon Pulse */

/* Float up */
@-webkit-keyframes float {
  0% { opacity: 1;
       top: 265px;
    transform: rotateZ(0deg);
     }
  12% {transform: rotateZ(-10deg);}
  24% {transform: rotateZ(10deg);}
  40% {transform: rotateZ(-6deg);}
  70% {transform: rotateZ(5deg) scale(0.8);
       opacity: .8; }

  100% { opacity: 0;
         top: 70px;
         transform: rotateZ(-3deg) scale(0.6);
       }
}
@keyframes float {
  0% { opacity: 1;
       top: 265px;
    transform: rotateZ(0deg);
     }
  12% {transform: rotateZ(-10deg);}
  24% {transform: rotateZ(10deg);}
  40% {transform: rotateZ(-6deg);}
  70% {transform: rotateZ(5deg) scale(0.8);
       opacity: .8; }

  100% { opacity: 0;
         top: 70px;
         transform: rotateZ(-3deg) scale(0.6);
       }
}
.animate {
  animation: float 1.5s linear forwards infinite;
  -webkit-animation: float 1.5s linear forwards infinite;
}
.animate2 {
  animation: float 1.8s linear forwards infinite;
  -webkit-animation: float 1.8s linear forwards infinite;
}
.animate3 {
  animation: float 2s linear forwards infinite;
  -webkit-animation: float 2s linear forwards infinite;
}
.animate4 {
  animation: float 1.6s linear forwards infinite;
  -webkit-animation: float 1.6s linear forwards infinite;
}
/* END Float up */


/*--Row 2--*/
#row2 {
    background: #000;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 45px 0;
}
#row2 h2 {
    color: #fff;
    font-size: 40px;
    font-family: 'Lalezar', cursive;
    font-weight: 400;
    line-height: 38px;
    margin: 0 auto 8px auto;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
}
#row2 h2 span {
    color: #ffcb05;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    line-height: normal;
    text-transform: none;
}
#row2 p {
    color: #fff;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    font-weight: 400;
    line-height: 29px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 505px;
}

/*--Row 3--*/
#row3 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
#row3 .panel {
    width: 50%;
    height: 29.167vw;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
#row3 .panel1 {
    background: url(../img/row3-img1.jpg) no-repeat left top;
    background-size: cover;
}
#row3 .panel2 {
    background: url(../img/row3-img2.jpg) no-repeat left top;
    background-size: cover;
}
#row3 .panel .underlay {
    background: rgb(255, 77, 77, 80%);
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#row3 .panel .underlay .outer {
    width: 376px;
}
#row3 .panel .underlay .outer h2 {
    color: #fecd0b;
    font-size: 40px;
    font-family: 'Lalezar', cursive;
    font-weight: 400;
    line-height: 38px;
    margin: 0 0 8px 0;
    padding: 0;
    text-transform: uppercase;
}
#row3 .panel .underlay .outer h2 span {
    color: #ffcb05;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    line-height: normal;
    text-transform: none;
}
#row3 .panel .underlay .outer p {
    color: #fff;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    font-weight: 400;
    line-height: 29px;
    margin: 0;
    padding: 0;
}

/*--Row 4--*/
#row4 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
#row4 .left {
    background: url(../img/row1-img2.svg) no-repeat 664px 67px #cc0000;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#row4 .left .outer {
    width: 376px;
}
#row4 .left .outer h2 {
    color: #fff;
    font-size: 40px;
    font-family: 'Lalezar', cursive;
    font-weight: 400;
    line-height: 38px;
    margin: 0 0 8px 0;
    padding: 0;
    text-transform: uppercase;
}
#row4 .left .outer h2 span {
    color: #ffcb05;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    line-height: normal;
    text-transform: none;
}
#row4 .left .outer p {
    color: #fff;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    font-weight: 400;
    line-height: 29px;
    margin: 0;
    padding: 0;
}
#row4 .right {
    background: url(../img/row4-img1.jpg) no-repeat center top;
    background-size: cover;
    width: 50%;
    height: 29.167vw;
    margin: 0;
    padding: 0;
}
/*Cta2*/
#row4 .cta2 {
    background: #3B3A3A;
    width: 1070px;
    height: 110px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-transform: rotate(-.8deg);
    -webkit-transform: rotate(-.8deg);
    -o-transform: rotate(-.8deg);
    -ms-transform: rotate(-.8deg);
    transform: rotate(-.8deg);
}
#row4 .cta2 h2 {
    color: #fff;
    font-size: 33px;
    font-family: 'Asap', sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
#row4 .cta2 h2 span {
    color: #f2784b;
}
#row4 .cta2 h2 u {
    color: #ffcb05;
    text-decoration: none;
}

/*--Row 5--*/
#row5 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
#row5 .left {
    background: url(../img/row5-img1.jpg) no-repeat center top;
    background-size: cover;
    width: 50%;
    height: 32.188vw;
    margin: 0;
    padding: 0;
    position: relative;
}
.emoji-hearts3 {
    width: 65px;
    height: 65px;
    right: 450px;
    top: 495px;
}
.emoji-tongue {
    width: 65px;
    height: 65px;
    position: absolute;
    right: 300px;
    top: 495px;
    overflow: visible;
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.emoji-tongue .st0{fill:#FED223;}
.emoji-tongue .st1{fill:#FEB123;}
.emoji-tongue .st2{fill:#FEEF5E;}
.emoji-tongue .st3{fill:#802D21;}
.emoji-tongue .st4{fill:#F55151;}
.emoji-tongue .st5{fill:#DC372F;}

.emoji-tongue-out {
    width: 65px;
    height: 65px;
    position: absolute;
    right: 600px;
    top: 495px;
    overflow: visible;
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
.emoji-tongue-out .st0{fill:#FDD224;}
.emoji-tongue-out .st1{fill:#FCB023;}
.emoji-tongue-out .st2{fill:#FDEF5D;}
.emoji-tongue-out .st3{fill:#FFFFFF;}
.emoji-tongue-out .st4{fill:#1B150C;}
.emoji-tongue-out .st5{fill:#812E21;}
.emoji-tongue-out .st6{fill:#F05453;}
.emoji-tongue-out .st7{fill:#E94440;}
.emoji-tongue-out .st8{fill:#DD382E;}

/*Emoji Lol*/
.emoji-lol2 {
    width: 45px;
    height: 45px;
    left: 180px;
    top: 265px;
}

/*Right*/
#row5 .right {
    background: url(../img/row1-img2.svg) no-repeat 630px 208px #cc0000;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/*CTA Bubble*/
#row5 .cta--2 {
    position: absolute;
    bottom: 18%;
    right: 10.3%;
}
#row5 .cta--2 .cta-bubble2 {
    background: url(../img/cta-bubble2.svg) no-repeat center top;
    width: 188px;
    height: 145px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    cursor: pointer;
}
#row5 .cta--2 .cta-bubble2 h2 {
    color: #fff;
    font-size: 37px;
    font-family: 'Lilita One', cursive;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    line-height: 29px;
    margin: 0;
    padding: 0;
    letter-spacing: -1.5px;
}
#row5 .cta--2 .cta-bubble2 h2 span {
    color: #ffcb05;
}
#row5 .cta--2 .cta-arrow1 {
    display: block;
    width: 214px;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -235px;
    top: 65px;
}
/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1) rotate(-6deg);
    transform: scale(1.1) rotate(-6deg);
  }
  75% {
    -webkit-transform: scale(0.9) rotate(-6deg);
    transform: scale(0.9) rotate(-6deg);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1) rotate(-6deg);
    transform: scale(1.1) rotate(-6deg);
  }
  75% {
    -webkit-transform: scale(0.9) rotate(-6deg);
    transform: scale(0.9) rotate(-6deg);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


#row5 .right .outer {
    width: 540px;
}
#row5 .right .outer h2 {
    color: #fff;
    font-size: 40px;
    font-family: 'Lalezar', cursive;
    font-weight: 400;
    line-height: 38px;
    margin: 0 0 8px 0;
    padding: 0;
    text-transform: uppercase;
}
#row5 .right .outer .second-h2 {
    color: #ffcb05;
    font-size: 20px;
    font-family: 'Lilita One', cursive;
    line-height: 25px;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: none;
}
#row5 .right .outer p {
    color: #fff;
    font-size: 18px;
    font-family: 'Asap', sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px 0;
    padding: 0;
}
#row5 .right .outer .second-p {
    margin-bottom: 0;
}
/*Login*/
#row5 .right .outer .btn {
    display: block;
    background: #f4d54d;
    color: #4d05e8;
    font-size: 16px;
    font-family: 'Asap', sans-serif;
    font-weight: 500;
    margin: 15px 0 0 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    width: 170px;
    height: auto;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
#row5 .right .outer .btn:hover {
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}

/*--Footer--*/
#footer {
    background: #111;
    width: 100%;
    height: auto;
    margin: 0 0 90px 0;
    padding: 90px 0;
    display: flex;
    justify-content: space-between;
}
#footer #footer-logo {
    display: block;
    width: 317px;
    height: auto;
    margin: 0 0 0 55px;
    padding: 0;
}
/*IE Fix*/
_:-ms-lang(x), #footer #footer-logo {
    height: 37px;
}
#footer .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 55px 0 0;
}
/*Footer Menu*/
#footer .wrap .navigation {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: auto;
    display: flex;
}
#footer .wrap .navigation li {
}
#footer .wrap .navigation li a {
    color: #fff;
    font-family: 'Asap', sans-serif;
    font-size: 16px;
    display: block;
    margin: 0;
    padding: 0 8px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 10ms ease-in-out 10ms;
    -moz-transition: all 10ms ease-in-out 10ms;
    -ms-transition: all 10ms ease-in-out 10ms;
    -o-transition: all 10ms ease-in-out 10ms;
    transition: all 10ms ease-in-out 10ms;
    opacity: .5;
}
#footer .wrap .navigation li a:hover {
    color: #fff;
    -webkit-transition: all 10ms ease-in-out 10ms;
    -moz-transition: all 10ms ease-in-out 10ms;
    -ms-transition: all 10ms ease-in-out 10ms;
    -o-transition: all 10ms ease-in-out 10ms;
    transition: all 10ms ease-in-out 10ms;
    opacity: 1;
}
#footer .wrap .navigation li a span {
    font-size: 12px;
}
#footer .wrap #odp {
    display: block;
    width: 98px;
    height: auto;
    margin: 0 30px 0 20px;
    padding: 0;
}
#footer .wrap .scrollup {
    display: block;
    background: #fff;
    color: #4d05e8;
    font-size: 16px;
    font-family: 'Asap', sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    width: 100px;
    height: auto;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
#footer .wrap .scrollup:hover {
    background: #4d05e8;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
#footer .wrap .scrollup span {
    color: #f2784b;
}

/*Mobile bar*/
#mobile-bar {
    background: #fff;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: -90px;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;

}
#mobile-bar .content {
    max-width: 400px;
    height: 90px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
/*Register*/
#mobile-bar .content .btn {
    display: block;
    font-size: 16px;
    font-family: 'Asap', sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    width: 150px;
    height: auto;
    cursor: pointer;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 100ms ease-in-out 100ms;
    -moz-transition: all 100ms ease-in-out 100ms;
    -ms-transition: all 100ms ease-in-out 100ms;
    -o-transition: all 100ms ease-in-out 100ms;
    transition: all 100ms ease-in-out 100ms;
}
#mobile-bar .content .register-btn {
    background: #4d05e8;
    color: #fff;
}
#mobile-bar .content .login-btn {
    background: #f2784b;
    color: #fff;
}
.under-lay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    z-index: 2;
}
.toggle-x {
    display: none;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 36px;
    right: 20px;
    cursor: pointer;
}

/*---------------MEDIA QUERIES---------------*/
@media screen and (max-width: 1800px) {
    #hero .cta {
      top: 32%;
      right: 13.7%;
    }
}
@media screen and (max-width: 1700px) {
    #hero .cta {
      right: 10.7%;
    }
    #row3 .panel .underlay {
      width: 60%;
    }
    #row5 .cta--2 .cta-arrow1 {
      display: none;
    }
    #row5 .cta--2 {
      bottom: 20px;
      right: 20px;
  }
}
@media screen and (max-width: 1600px) {
    #hero .cta {
      top: 31%;
      right: 8.7%;
    }
}
@media screen and (max-width: 1500px) {
    #hero .cta {
      top: 29%;
      right: 5%;
    }
    #hero .cta2 {
      width: 820px;
      height: 70px;
      bottom: -30px;
    }
    #row1 .outer .pod1 {
      height: 33.33vw;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 0;
    }
    #row1 .outer .pod1 p {
      text-align: center;
    }
    #row1 .outer .pod2 .phone {
      -moz-transform: scale(.8);
      -webkit-transform: scale(.8);
      -o-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8);
      bottom: -53px;
    }
    #row3 .panel .underlay {
      width: 70%;
    }
    #row3 .panel .underlay .outer,
    #row3 .panel2 .underlay .outer,
    #row4 .left .outer {
      width: auto;
    }
    /*IE Fix*/
    _:-ms-lang(x), #row3 .panel .underlay .outer,
    #row3 .panel2 .underlay .outer,
    #row4 .left .outer {
      max-width: 100%;
    }
    #row3 .panel .underlay .outer h2,
    #row3 .panel .underlay .outer p,
    #row4 .left .outer h2,
    #row4 .left .outer p {
      padding: 0 40px;
    }
    .emoji-lol2 {
      left: 280px;
    }
    .emoji-hearts3 {
      right: 270px;
    }
    .emoji-tongue {
      right: 210px;
    }
    .emoji-tongue-out {
      left: 330px;
    }
}
@media screen and (max-width: 1400px) {
    #hero {
      height: 62.05vw;
    }
    #hero .cta {
      right: 2%;
      top: 31%;
      -moz-transform: scale(.8);
      -webkit-transform: scale(.8);
      -o-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8);
    }
    #hero .cta2 {
      width: 630px;
      height: 60px;
      bottom: -20px;
    }
    #hero .cta2 h2 {
      font-size: 25px;
    }
    #hero .heading {
      width: 449px;
    }
    #row1 .outer .pod1 p {
      padding: 0 20px;
      width: auto;
    }
    /*IE Fix*/
    _:-ms-lang(x), #row1 .outer .pod1 p {
      width: 90%!important;
    }
    #row4 .cta2 {
      width: 550px;
      height: 80px;
      bottom: -40px;
    }
    #row4 .cta2 h2 {
      font-size: 25px;
    }
    #row1 .outer .pod1 h2,
    #row2 h2,
    #row3 .panel .underlay .outer h2,
    #row4 .left .outer h2 {
      font-size: 30px;
    }
    #row1 .outer .pod1 h2 span,
    #row2 h2 span,
    #row3 .panel .underlay .outer h2 span {
      font-size: 18px;
    }
    #row1 .outer .pod1 p,
    #row2 p, #row3 .panel .underlay .outer p,
    #row4 .left .outer p {
      font-size: 18px;
    }
    #row5 .right .outer {
      -moz-transform: scale(.8);
      -webkit-transform: scale(.8);
      -o-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8);
    }
    #footer {
      padding: 60px 0;
    }
}
@media screen and (max-width: 1300px) {
    #mobile-bar .content {
        margin: 0;
    }
}
@media screen and (max-width: 1200px) {
  #hero {
  background: url(../img/hero-bg.jpg) no-repeat center right 20%;
  background-size: cover;
}
  #hero .cta {
      right: 0;
      -moz-transform: scale(.6);
      -webkit-transform: scale(.6);
      -o-transform: scale(.6);
      -ms-transform: scale(.6);
      transform: scale(.6);
    }
    #row5 .right {
      height: 50vw;
    }
    #row5 .left {
      height: auto;
    }
}
@media screen and (max-width: 1024px) {
    #hero {
      height: 72.05vw;
    }
    #hero #header #logo {
      padding: 0 0 0 20px;
    }
    #hero #header .wrap {
      padding: 0 20px 0 0;
    }
    #hero .cta {
      right: -30px;
      top: 37%;
      -moz-transform: scale(.5);
      -webkit-transform: scale(.5);
      -o-transform: scale(.5);
      -ms-transform: scale(.5);
      transform: scale(.5);
    }
    #row1 .outer1, #row1 .outer2 {
      width: 50%;
    }
    #row1 .outer .pod2 {
      background-position: 320px 35px;
    }
    #row1 .outer .pod1, #row1 .outer .pod2 {
      height: 43.33vw;
    }
    #row1 .outer3 {
      width: 100%;
    }
    #row1 .outer3 .pod3 {
      background-position: center center;
    }
    #row3 .panel {
      width: 50%;
      height: 45vw;
      align-items: flex-end;
    }
    #row3 .panel .underlay {
      width: 100%;
    }
    #row4 .right {
      height: 45vw;
    }
    #row5 .right {
      height: 45vw;
    }
    @-webkit-keyframes float {
      0% {opacity: 0; top:260px;}
      10% {opacity: 0;}
      20% {opacity: 1;}
      70% {opacity: .9;}
      80% {opacity: .6;}
      90% {opacity: 0;}
      100% {opacity: 0; top: 70px;}
    }
    @keyframes float {
      0% {opacity: 0; top:260px;}
      10% {opacity: 0;}
      20% {opacity: 1;}
      70% {opacity: .9;}
      80% {opacity: .6;}
      90% {opacity: 0;}
      100% {opacity: 0; top: 70px;}
    }
}
@media screen and (max-width: 980px) {
    #hero {
      height: 87.05vw;
    }
    #row5 .left {
      width: 100%;
      height: 45vw;
    }
    #row5 .right {
      background-position: 706px 208px;
      width: 100%;
      height: 50vw;
    }
    #row5 .right .outer {
      -moz-transform: scale(1.0);
      -webkit-transform: scale(1.0);
      -o-transform: scale(1.0);
      -ms-transform: scale(1.0);
      transform: scale(1.0);
    }
    #footer {
      padding: 50px 0;
      flex-direction: column;
    }
    #footer #footer-logo {
      margin: 0 auto;
    }
    #footer .wrap {
      flex-direction: column;
      width: auto;
      margin: 0;
    }
    #footer .wrap .navigation {
      width: auto;
      margin: 20px auto;
      flex-direction: column;
    }
    #footer .wrap .navigation li a {
      padding: 10px;
      text-align: center;
    }
    #footer .wrap #odp {
      margin: 0 0 20px 0;
    }
    #footer .wrap .scrollup {
      margin: 0;
    }
}
@media screen and (max-width: 900px) {
    #hero .cta {
      display: none;
    }
}
@media screen and (max-width: 850px) {
    #mobile-bar .content {
        max-width: 250px;
        padding: 0 20px;
    }
    #mobile-bar .content .register-btn {
        margin-right: 10px;
    }
}
@media screen and (max-width: 768px) {
    #hero {
      height: 110vw;
    }
    #hero #header {
      height: 100px;
    }
    #hero #header .wrap .navigation {
      display: none;
    }
    #row1 .outer1, #row1 .outer2 {
      width: 100%;
    }
    #row1 .outer .pod1, #row1 .outer .pod2, #row1 .outer .pod3 {
      height: 50vw;
    }
    #row1 .outer .pod2 {
      background: url(../img/row1-img-swap.jpg) no-repeat center top;
      background-size: cover;
    }
    #row1 .outer .pod1 h2, #row2 h2, #row3 .panel .underlay .outer h2, #row4 .left .outer h2, #row1 .outer .pod1 h2 span, #row2 h2 span, #row3 .panel .underlay .outer h2 span {
      text-align: center;
    }
    #row1 .outer .pod2 .phone {
      display: none;
    }
    #row3 .panel {
      width: 100%;
    }
    #row3 .panel2 {
      background-position: left center;
    }
    #row3 .panel .underlay .outer, #row3 .panel2 .underlay .outer, #row4 .left .outer {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    #row1 .outer .pod1 p, #row2 p, #row3 .panel .underlay .outer p, #row4 .left .outer p {
      text-align: center;
    }
    #row4 .left {
      background-position: 574px 41px;
      width: 100%;
      height: 45vw;
    }
    #row4 .right {
      width: 100%;
    }
    #row5 .right {
      background-position: 512px 55px;
      height: auto;
      padding: 8% 0;
    }
    #row5 .right .outer h2 {
      font-size: 30px;
    }
    #footer {
      padding: 50px 0 120px 0;
      margin: 0;
    }
    #mobile-bar .content {
        max-width: 400px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 650px) {
    #hero .heading {
        width: 289px;
    }
    #hero .cta2 {
      width: 500px;
      height: 50px;
      bottom: -25px;
    }
    #hero .cta2 h2 {
      font-size: 20px;
    }
    #row4 .cta2 {
      width: 550px;
      height: 50px;
      bottom: -25px;
    }
    #row4 .cta2 h2 {
      font-size: 20px;
    }
    #row2 h2 {
      padding: 0 20px;
    }
    #row2 p {
      width: auto;
      padding: 0 40px;
    }
    #row5 .right {
      background-position: 307px 90px;
      flex-direction: column;
    }
    #row5 .cta--2 {
      position: static;
      margin: 30px 0 0 0;
    }
    #row5 .right .outer {
      width: auto;
      padding: 0 20px;
    }
    #row5 .right .outer h2 {
      text-align: center;
    }
    #row5 .right .outer p {
      text-align: center;
    }
    #row5 .right .outer .btn {
      margin: 15px auto 0 auto;
    }
}
@media screen and (max-width: 600px) {
    #row4 .cta2 {
      width: auto;
      margin: 0 20px;
      padding: 10px 0;
    }
    #row4 .cta2 h2 {
      padding: 0 20px;
    }
}
@media screen and (max-width: 550px) {
    #hero {
      height: 150vw;
    }
    .wld-input--select {
      background: url(../img/select-arrow.svg) no-repeat right #fff!important;
      background-size: 44px 60px!important;
    }
    .wld-input--text {
      background: #fff!important;
    }
    #hero .cta2 {
      width: auto;
      height: auto;
      margin: 0 20px;
      padding: 10px 0;
    }
    #hero .cta2 h2 {
      padding: 0 20px;
    }
}
@media screen and (max-width: 480px) {
    #hero h1, #hero h2 {
      font-size: 20px;
    }
    #row1 .outer .pod1 {
      height: auto;
      padding: 15% 0;
    }
    #row1 .outer .pod2 {
      height: 60vw;
    }
    #row1 .outer3 .pod3 {
      height: 80vw;
      background-position: center top;
    }
    #row3 .panel {
      height: auto;
    }
    #row3 .panel .underlay {
      height: auto;
      padding: 15% 0;
    }
    #row4 .left {
      height: auto;
      padding: 15% 0;
    }
    #row4 .right {
      height: 65vw;
    }
    #row5 .left {
      height: 75vw;
    }
    #row5 .right {
      background-position: 127px 300px;
    }
}
@media screen and (max-width: 414px) {
    #hero h1, #hero h2 {
      font-size: 17px;
    }
    #hero .heading {
      width: 219px;
    }
    #hero #header #logo {
      width: 55%;
    }
    #hero .cta2, #row4 .cta2 {
      transform: scale(.8);
      bottom: -30px;
    }
    .emoji-lol2 {
      left: 220px;
    }
    .emoji-tongue-out {
      left: 270px;
    }
}
@media screen and (max-width: 375px) {
    #row5 .right {
      background-position: 87px 470px;
    }
}
@media screen and (max-width: 360px) {
    #hero #header .wrap .login {
      width: 70px;
      font-size: 14px;
    }
    #row5 .left > div {
      transform: scale(.6);
    }
    #mobile-bar .content .btn {
      width: 120px;
      font-size: 14px;
    }
}
@media screen and (max-width: 320px) {
    #row5 .left > div {
      transform: scale(.5);
    }
}