.homepage-header {
    margin-top: 120px;
    background-repeat: no-repeat; 
    background-size: cover; 
    color: white; 
    position: relative;
    background-position: center 0;
}

.homepage-modernworkforce {
    background-repeat: no-repeat; 
    background-size: cover; 
    color: white; 
    position: relative;
}

.homepage-embeddedcommunications {
    background-repeat: no-repeat; 
    background-size: cover; 
    color: white; 
    position: relative;
}

.header-text {
    font-weight: bold;
}

.getStartedBtn {
    border-radius:24px; 
    border-color: #FE6600; 
    background-color:#FE6600; 
    color:white; 
    margin:20px auto; 
    display: block; 
    max-width: 200px; 
    font-weight: bold;
    font-size: 1.6em;
}

.learnMoreBtn{
    border-radius:24px; 
    border-color:grey;
    background-color:grey; 
    margin-top: 25px;
    color:white; 
    display: block; 
    max-width: 150px;
}

.voicevideoBtn {
    border-radius:24px; 
    background-color:grey; 
    margin-top: 25px;
    color:white; 
    display: block; 
    max-width: 150px;
}

.homepage-testimonial {
    color:#6A6A6A;
}

.leadingsoftphone-text {
    text-align: center; 
    color:#FE6600; 
    margin-bottom:45px;
}

/*** Small portrait ***/
@media (min-width: 0px) {
    .homepage-header {
        padding:20px 10px;
        background-position: 50% 50%;
    }

    .homepage-products {
        padding:50px 15px;
    }

    .homepage-modernworkforce {
        background-image: url(/assets/images/homepage/Mid-Banner-1-sm.jpg); 
    }

    .homepage-embeddedcommunications {
        background-image: url(/assets/images/homepage/Mid-Banner-2-sm.jpg); 
    }

    .header-textarea {
        padding:0px;
    }

    .header-text {
        font-size: 3.0em;
    }

    .header-smalltext {
        font-size: 2.0em;
        padding-bottom:40px;
    }

    .homepage-testimonial {
        padding:40px 20px 60px 20px;
    }

    .testimonial-header {
        font-size:2.0em;
    }

    .testimonial-subheader {
        font-size:1.5em;
        color:#8A8A8A;
    }

    .testimonial {
        padding: 60px 10%;
    }

    .bottom-marquee-background {
        background-position: 60% 50%;
        padding:50px 10px;
    }

    .bottom-marquee-padding {
        padding:0px 100px 0px 10%;
    }

    .bottom-marquee-heading {
        color:#FE6600;font-size:1.6em;
    }

    .bottom-marquee-text {
        color:#6A6A6A;font-size:1.1em;
    }
    .homepage-voiceandvideo {
        padding:50px 20px;
    }
    .voicevideo-text {
        padding:30px 0px 0px 0px;
        text-align:center;
    }
    .voicevideo-img {
        text-align: center;
    }
    .voicevideoBtn {
        margin:25px auto;

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

    .leadingsoftphone-text {
        font-size:2.0em; 
    }
    .carousel-img {
        width:70%;
    }
}

/** Larger than small portrait. 480px **/
@media (min-width: 480px) {
    .homepage-header {
        padding:50px 50px;
    }
    
    .homepage-products {
        padding:50px 50px;
    }

    .header-textarea {
        padding:15px 0px;
    }

    .homepage-testimonial {
        padding:40px 50px 60px 50px;
    }

    .bottom-marquee-background {
        background-position: 60% 50%;
        padding:50px 50px;
    }

    .bottom-marquee-padding {
        padding:0px 130px 0px 5%;
    }

    .bottom-marquee-heading {
        color:#FE6600;font-size:1.8em;
    }

    .bottom-marquee-text {
        color:#6A6A6A;font-size:1.3em;
    }
    .homepage-voiceandvideo {
        padding:50px 40px;
    }
    .voicevideo-text {
        padding:30px 0px 0px 0px;
        text-align:center;
    }
    .carousel-img {
        width:40%;
    }
}

/** Tablet or above **/
@media (min-width: 768px) {
    .homepage-header {
        padding:150px 50px;
    }

    .homepage-products {
        padding:60px 50px 100px;
    }

    .header-text {
        font-size: 3.5em;
    }

    .header-smalltext {
        font-size: 2.5em;
    }

    .homepage-testimonial {
        padding:40px 80px 60px 80px;
    }

    .testimonial-header {
        font-size:2.5em;
    }

    .testimonial-subheader {
        font-size:2.0em;
        color:#8A8A8A;
    }

    .bottom-marquee-background {
        background-position: center center;
        padding:100px 100px 100px 0px;
    }

    .bottom-marquee-padding {
        padding:0px 30% 0px 100px;
    }

    .bottom-marquee-heading {
        color:#FE6600;font-size:2.0em;
    }

    .bottom-marquee-text {
        color:#6A6A6A;font-size:1.5em;
    }
    .homepage-voiceandvideo {
        padding:100px 100px;
    }
    .voicevideo-text {
        padding:30px 0px 0px 50px;
        text-align:center;
    }
    .voicevideo-img {
        text-align: center;
    }

    .leadingsoftphone-text {
        font-size:2.5em; 
    }
    
}

/** Desktop or above **/
@media (min-width:992px) {
    .homepage-header {

    }

    .homepage-modernworkforce {
        background-image: url(/assets/images/homepage/Mid-Banner-1-md.jpg); 
    }

    .homepage-embeddedcommunications {
        background-image: url(/assets/images/homepage/Mid-Banner-2-md.jpg); 
    }

    .homepage-header {
        padding:20px 50px;
        background-position: 50% 60%;
    }

    .homepage-testimonial {
        padding:40px 100px 60px 100px;
    }

    .testimonial {
        padding: 60px 30%;
    }

    .bottom-marquee-background {
        padding:100px 100px;
    }
   .bottom-marquee-padding {
        padding:0px 40% 0px 90px;
    }

    .bottom-marquee-heading {
        color:#FE6600;font-size:2.2em;
    }

    .bottom-marquee-text {
        color:#6A6A6A;font-size:1.7em;
    }

    .homepage-voiceandvideo {
        padding:100px 100px;
    }
    .voicevideo-text {
        padding:0px 90px 0px 50px;
        text-align:left;
    }

    .voicevideo-img {
        text-align: right
    }
    .bottom-margin {
        margin-bottom:0px;
    }
    .voicevideoBtn {
        margin:25px 0px;
    }
}

/**Wide Screen**/
@media (min-width:1300px) {
    .homepage-header {
        padding:20px 50px;
    }

    .homepage-modernworkforce {
        background-image: url(/assets/images/homepage/Mid-Banner-1.jpg); 
    }

    .homepage-embeddedcommunications {
        background-image: url(/assets/images/homepage/Mid-Banner-2.jpg); 
    }

    .bottom-marquee-padding {
        padding:0px 45% 0px 150px;
    }
    .voicevideo-text {
        padding:30px 100px 0px 50px;
        text-align:left;
    }

    .voicevideo-img {
        text-align: right
    }
}
