.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Medium Layout: 1280px. */

@media only screen and (max-width: 992px) {

.falling-fruit {
    position: absolute;
}


.oliver-img {
    width:100%;
    margin-top:160px;
}

.juicylogo {
    position: relative;
    left:0;
    top:20px;
}
.juicylogo img{
    position: relative;
    max-width:200px!important;
    transform: rotate(-20deg)!important;
}

.bobs_gif {
    position: absolute;
    right:30px;
    bottom:30px;
}

.bobs_gif img {
    position: relative;
    max-width:200px!important;
}

.dancing_gif {
    position: absolute;
    left:20px;
    bottom:-20px;
}

.dancing_gif img {
    position: relative;
    max-width:200px!important;
}

.juicylogo img {
    transform: rotate(-30deg);
    max-width:400px;
}


.dancing_gif2 {
    position: absolute;
    right:20px;
    top:20px;
}

.dancing_gif2 img {
    max-width:200px!important;
}


}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
.form h1 {
    text-align:center;
    font-size:32px;
}

.form h2 {
    font-size:26px;
}
.btn-lg {
    font-size: 20px;
    padding: 12px 5px;
    border-radius: 3px;
}

}

/* Mobile Layout: 767px. */

@media only screen and (max-width: 767px) {

    .oliver-img {
        margin-top:80px;
    }

    .falling-fruit {
        position: absolute;
    }

    .juicylogo {
        position: relative;
        left:0;
    }
    .juicylogo img{
        position: relative;
        max-width:200px!important;
    }

    .bobs_gif {
        position: absolute;
        right:5px;
        bottom:30px;
    }

    .bobs_gif img {
        position: relative;
        max-width:180px!important;
    }

    .dancing_gif {
        position: absolute;
        left:0px;
        bottom:0px;
    }

    .dancing_gif img {
        position: relative;
        max-width:150px!important;
    }

    .juicylogo img {
        transform: rotate(-30deg);
        max-width:400px;
    }

    .dancing_gif2 img {
        max-width:100px!important;
    }

.main-content {
    padding: 0px 10px 0px 10px;
}
h1 {
    font-size:30px;
    line-height:1.4em;
    margin-bottom:15px;
}

h2 {
    font-size:28px;
}
h3 {
    font-size:24px;
}
.form-text p {
    font-size: 18px;
}
.btn-lg {
    font-size:20px;
    padding: 15px 5px;
    border-radius: 3px;
}
}

/* Mini-Screen Mobile Layout: 480px. */

@media only screen and (max-width: 488px) {
.main-content {
    padding: 0px 3px 0px 3px;
}
.form {
    padding: 30px 30px 22px 30px;
}
h1 {
    font-size:26px;
    line-height:1.4em;
    margin-bottom:15px;
}

h2 {
    font-size:22px!important;
}
h3 {
    font-size:20px!important;
}

.btn-lg {
    font-size:18px;
    padding: 12px 5px;
    border-radius: 3px;
}
    .mail-icon:before {
  font-family: "FontAwesome";
  font-size: 18px!important;
  content: "\f0e0";
  position: absolute;
  right: 16px!important;
  bottom: 12px!important;
}
    .person-icon:before {
  font-family: "FontAwesome";
  font-size: 18px!important;
  content: "\f007";
  position: absolute;
  right: 19px!important;
  bottom: 12px!important;
}
    .phone-icon:before {
  font-family: "FontAwesome";
  font-size: 18px!important;
  content: "\f10b";
  position: absolute;
  right: 19px!important;
  bottom: 12px!important;
}

.form-control {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 5px;
}
.ebook-img {
    margin-top:15px!important;
    margin-right:0px!important;
    margin-bottom:15px!important;
}
}