/* Small screens */
@media only screen {
    .introduction {
        height:100vh;
        /*background: #1f1f1f;*/
    }
    
    .overlay-info {
        display:flex;
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        position: relative;
        z-index: 1;
        color:white;
    }

    .title-group {
        /*display:flex;
        flex-direction: column;*/
        padding: 0 5vw;
    }
    .paragraph-group {
        padding: 1vw 5vw;
        width: 70%;
    }
    /*.overlay-info {
        padding: 1vw 2vw;
        margin: 1vw 0 0 0;
    }*/

    .background-cont {
        width:100%;
        height:100vh;
        display: flex;
        position: absolute;
    }

    .text-bg {
        width: 30%;
        height:100%;
        /*background-image: url(../image/small-no-transparent.jpg);
        background-size: 256px;*/
    }

    .image-bg {
        width: 70%;
        height:100%;
        background-position: center;
        background-size: cover;
    }

    .header-img {
        background-image: url(../image/busselton.webp);
    }
    .header-img-bunbury {
        background-image: url(../image/bunbury.webp);
    }
    .about-img {
        background-image: url(../image/Family.webp);
    }
    .bis-img {
        background-image: url(../image/bis.webp);
    }

} /* Define mobile styles */

/*small screens in landscape orientation */
@media only screen and (orientation: landscape) {
    .paragraph-group {
        width: unset;
        max-width: 750px;
    }
}

/* Medium screens */
@media only screen and (min-width: 40.063em) {
    .mobile-title {
        display:none;
    }

} /* min-width 641px, medium screens */

/*Medium screens in landscape orientation */
@media only screen and (orientation: landscape) and (min-width: 40.063em) {

}

/* Large screens */
@media only screen and (min-width: 64.063em) {

} /* min-width 1025px, large screens */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) {

} /* min-width 1441px, xlarge screens */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) {

} /* min-width 1921px, xxlarge screens */