h1, h2, h3, h4, h5, h6, p {
    color: black;
}

/*******************************/
/********** Hero CSS ***********/
/*******************************/
.hero {
    background-image: url(../img/palm\ beach/bg.jpg);
    box-shadow: 0px 60px 100px -40px black inset;
}

.hero .hero-text h1 { 
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0px;
    color: black;
    background: #ffd300;
    padding: 20px;
    margin-bottom: 0px;
}
.hero .hero-text h1 strong{
    font-weight: 700;
}
.hero .hero-text p {
    font-weight: 400;
    font-size: 23px;
    background: black;
    color: #ffd300;
    margin-left: 40px;
    padding: 10px;
}

.hero .hero-btn .btn {
    color: black;
    border-radius: 50px;
}
.hero .hero-btn .btn:hover {
    background: black;
}

@media (max-width: 960px) {
    .hero {
        padding-bottom: 80px;
    }    
}
@media (max-width: 768px) {
    .hero {
        padding-top: 30%;
        padding-bottom: 40%;
    }  
    .hero img {
        display: none;
    }    
}



/*******************************/
/********** palmbeach profile CSS ***********/
/*******************************/
@media (max-width: 768px) {
    .palmbeach_profile p {
        margin-bottom: 50px;
    }  
    .palmbeach_profile h1 {
        margin-top: 30px;
    }
}



/*******************************/
/********** High Lights CSS ***********/
/*******************************/
.high_lights {
    padding: 80px;
    background: #ffd300;
}
.high_lights h1 {   
    margin-bottom: 20px;
}
.high_lights p {
    text-align: left;
    margin-top: 50px;
}

/* slide show */
#slideShow h5{
    color: white;
    text-shadow: 0px 0px 5px black, 0px 0px 15px black, 0px 0px 30px black;
}
#slideShow p{
    color: white;
    text-shadow: 0px 0px 5px black, 0px 0px 15px black, 0px 0px 20px black;
}
#slideShow img{
    border-radius: 50px;
}


@media (max-width: 960px) {
    .high_lights {
        padding: 80px 40px 80px 40px;
    }
}
@media (max-width: 768px) {
    .high_lights {
        padding: 60px 20px 60px 20px;
    }
    #slideShow img {
        width: 150% !important;
    }
}
@media (max-width: 576px) {
    .high_lights {
        padding: 60px 10px 60px 10px;
    }
    #slideShow img {
        width: 250% !important;
    }
}

/*******************************/
/********** Video CSS ***********/
/*******************************/
.video {
    padding: 80px
}
.video h1 {
    margin-bottom: 20px;
}

.video .hero-btn .btn {
    border-radius: 50px;
    color: white;
    box-shadow: inset 0 0 0 50px black;
    background: #000;
}
.video .hero-btn .btn:hover {
    color: black;
    box-shadow: inset 0 0 0 50px white;
    background: white;
}

.video .iframe_section {
    display: block;
    position: absolute;
    top: 6%;
    width: 99.5%;
}
.video .iframe_section iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 69%  ;
    height: 19rlh;
    border: 0;
}

@media (max-width: 1300px) {
    .video .iframe_section {
        top: 5%;
    }
    .video .iframe_section iframe {
        width: 68%;
        height: 16rlh;
    }
}
@media (max-width: 1200px) {
    .video .iframe_section {
        top: 3%;
    }
}
@media (max-width: 1170px) {
    .video .iframe_section {
        top: 2%;
    }
}
@media (max-width: 1160px) {
    .video .iframe_section iframe {
        height: 15rlh;
    }
}
@media (max-width: 1100px) {
    .video .iframe_section iframe {
        height: 14rlh;
    }
}
@media (max-width: 1040px) {
    .video .iframe_section iframe {
        height: 13rlh;
    }
}
@media (max-width: 992px) {
    .video .iframe_section {
        top: 6%;
    }
    .video .iframe_section iframe {
        height: 20rlh;
    }
    .video p {
        margin-top: 50px;
    }
    .video {
        padding: 10px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (max-width: 905px) {
    .video .iframe_section iframe {
        height: 18rlh;
    }
}
@media (max-width: 850px) {
    .video .iframe_section iframe {
        height: 17rlh;
    }
}
@media (max-width: 760px) {
    .video .iframe_section iframe {
        height: 16rlh;
    }
}
@media (max-width: 725px) {
    .video .iframe_section iframe {
        height: 14rlh;
    }
}
@media (max-width: 650px) {
    .video .iframe_section {
        top: 2%;
    }
    .video .iframe_section iframe {
        height: 14rlh;
    }
}
@media (max-width: 610px) {
    .video .iframe_section iframe {
        height: 13rlh;
    }
}
@media (max-width: 576px) {
    .video {
        padding: 0;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .video .iframe_section {
        top: 5%;
    }
    .video .iframe_section iframe {
        height: 18rlh;
        width: 95%;
    }
}
@media (max-width: 530px) {
    .video .iframe_section iframe {
        height: 16rlh;
    }
}
@media (max-width: 480px) {
    .video .iframe_section iframe {
        height: 14rlh;
    }
}
@media (max-width: 430px) {
    .video .iframe_section iframe {
        height: 13rlh;
    }
}
@media (max-width: 400px) {
    .video .iframe_section iframe {
        height: 12rlh;
    }
}
@media (max-width: 370px) {
    .video .iframe_section iframe {
        height: 11rlh;
    }
}

/*******************************/
/********** testimonial palm beach CSS ***********/
/*******************************/

.testimonial_palm_beach {
    padding: 80px;
}
.testimonial_palm_beach .testimonial_box {
    background: #ffd300;
    border-radius: 200px;
    padding: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: 10%;
    margin-right: 10%;
}
.testimonial_palm_beach .testimonial_box h1 {
    font-size: 30px;
    font-weight: 700;
}

@media (max-width: 1150px) {
    .testimonial_palm_beach {
        padding: 20px;
    }
}
@media (max-width: 992px) {
    .testimonial_palm_beach {
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .testimonial_palm_beach {
        padding: 0px;
    }
    .testimonial_palm_beach .testimonial_box {
        margin-left: 0;
        margin-right: 0;
    }
}


/*******************************/
/********** QRcode CSS ***********/
/*******************************/

.qr_code {
    padding-top: 100px;
}
.qr_code .hero-btn .btn {
    border-radius: 50px;
    margin-left: 150px;
    color: white;
    box-shadow: inset 0 0 0 50px black;
    background: #000;
}
.qr_code .hero-btn .btn:hover {
    color: black;
    box-shadow: inset 0 0 0 50px white;
    background: white;
}

@media (max-width: 992px) {
    .qr_code .hero-btn .btn {
        margin-left: 50px;
    }
}
@media (max-width: 820px) {
    .qr_code .hero-btn .btn {
        margin-left: 0px;
    }
}
@media (max-width: 768px) {
    .qr_code .hero-btn .btn {
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 50px;
        margin-bottom: 150px;
    }
}
@media (max-width: 576px) {
    .qr_code .hero-btn .btn {
        margin-left: 10%;
        margin-right: 10%;
    }
}