/*
* Extra large devices e.g desktop
*/
@media (min-width: 1200px) {

    /*
    * Header
    */
    #main-nav .nav-item a
    {
        font-size: 1.015rem;
    }
    #main-nav .btn-header
    {
        margin-left: 0.75rem;
    }


    /*
    * Hero
    */
    section.hero
    {
        height:400px;
    }
    section.hero .overlay
    {
        background-position-x: 0px;
    }
    section.hero .carousel-inner .carousel-item h1
    {
        font-size: 4.865rem;
    }

    section.testimonial-hero
    {
        height:300px;
    }
    section.testimonial-hero .overlay
    {
        background-position-x: 0px;
    }
    section.testimonial-hero .carousel-inner .carousel-item h1
    {
        font-size: 4.865rem;
    }


    /*
    * Content
    */
    section.block h1, section.block h2
    {
        margin-bottom:0.75em;
    }

}


/*
* Large Desktops e.g 24 inch monitor
*/
@media (min-width: 1500px) {

    /*
    * Hero
    */
    section.hero .overlay
    {
        background-position-x: 0px;
    }

    section.testimonial-hero .overlay
    {
        background-position-x: 0px;
    }
}
@media (min-width: 1700px) {

    /*
    * Hero
    */
    section.hero .overlay
    {
        background-position-x: 0px !important;
    }

    section.testimonial-hero .overlay
    {
        background-position-x: 0px !important;
    }
}



/*
* Very large devices e.g mac desktop
*/
@media (min-width: 2100px) {

    #page-content
    {
        max-width:2100px;
        margin: auto;
        position: relative;
        box-shadow: 0px 0px 8px 0px #0000001f;
    }

    /*
    * Hero
    */
    section.hero .overlay
    {
        background-position-x: -100px;
    }

    section.testimonial-hero .overlay
    {
        background-position-x: -100px;
    }


}