*{
        box-sizing: border-box;
    }

    .mainContent{
        background-image: url(perle-garden-background.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
    }
    .container{
        max-width: 600px !important;
    }

    .logoContent{
        width: 100%;
    }

    .mainLogo{
        width: 100%;
    }

    .whatsappBtn{
    position: fixed;
    top: 50px !important;
    right: 10px;
    z-index: 999 !important;
    height: 80px;
    }
    
    @media screen and (max-width:768px) {
        .logoContent{
            width: 100%;
            margin: auto;
        }
        .mainLogo{
            width: 100%;
        }
        .imgLogo{
            width: 100%;
            padding: 48px;
            margin: auto;
        }
        .altLogo{
            width: 100%;
        }
        .row{
            margin-left:0 !important;
        }
    }