@media (min-width: 1080px) {
    .viewport-el-wh5o4k0i5 {
        display: block;
        background-repeat: repeat;
        background-position: center;
        background-size: 10%;
        box-shadow: none #000000;
        background-image: none;
        opacity: 1;
        background-color: #ffff
    }

    .viewport-el-p2qx0xbru {
        opacity: 1
    }

    .viewport-mainNav {
        opacity: 1;
        background-color: #28392b
    }

    .viewport-el-lh89qc0o8 {
        opacity: 1;
        color: #0a0101;
        text-align: justify;
        display: flex;
        justify-content: space-between
    }

    .viewport-el-wli9y5x7s {
        opacity: 1
    }

    .viewport-home {
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/static/202602/9384ac54-ac12-4232-afb8-c2949aadcc17/uploads/6989afd50783d358e0d1dd18.webp)
    }

    .viewport-el-4c8i4yd7j {
        color: #050000;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .viewport-el-9qrvqsnp1 {
        color: #080101
    }

    .viewport-el-yuwcyw7qz {
        color: #000000
    }

    .viewport-services-5 {
        width: auto;
        height: auto
    }
    
    .viewport-ph-img-rq8b6owst6q {
        width: 200px;
        height: 120px;
    }
    
    #services-5 h2 {
        margin-bottom: 1.5rem !important;
    }
    
    #id-ffclc4tqy {
        margin-bottom: 3rem !important;
    }
    
    #services-5 .grid-container > div[class*="flex flex-col"] {
        height: 420px !important;
        padding: 2rem 1.5rem !important;
    }
    
    #services-5 .grid-container > div[class*="flex flex-col"] h3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    #services-5 .grid-container > div[class*="flex flex-col"] p {
        flex: 1;
        line-height: 1.6 !important;
    }
}

@media (min-width: 481px) and (max-width: 1079px) {
    .viewport-home {
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/static/202602/9384ac54-ac12-4232-afb8-c2949aadcc17/uploads/6989afd50783d358e0d1dd18.webp);
    }

    .viewport-el-4c8i4yd7j {
        color: #050000;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .viewport-el-lh89qc0o8 {
        color: #0a0101;
    }

    .viewport-el-9qrvqsnp1 {
        color: #080101
    }

    .viewport-el-yuwcyw7qz {
        color: #000000
    }
    
    .viewport-mainNav {
        background-color: #28392b !important;
        opacity: 1 !important;
    }
    
    #services-5 h2 {
        margin-bottom: 1.25rem !important;
    }
    
    #id-ffclc4tqy {
        margin-bottom: 2.5rem !important;
    }
    
    #services-5 .grid-container > div[class*="flex flex-col"] {
        height: 400px !important;
        padding: 1.75rem 1.25rem !important;
    }
    
    #ph-img-1-wrapper {
        height: 256px !important;
    }
    
    #ph-img-1 {
        height: 100% !important;
    }
}

@media (max-width: 480px) {

    #cwxr1xgqa6w {
        line-height: 1.3 !important;
        margin-bottom: 1.5rem !important;
        padding: 0 1.5rem !important;
    }
    
    #id-ffclc4tqy {
        line-height: 1.65 !important;
        margin-bottom: 2.5rem !important;
        padding: 0 1.5rem !important;
    }

    .viewport-mainNav {
        background-size: cover;
        background-color: #28392b !important;
        opacity: 1 !important;
    }

    #ph-img-rq8b6owst6q {
        height: 80px !important;
        width: 133px !important;
    }

    .viewport-home {
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(/static/202602/9384ac54-ac12-4232-afb8-c2949aadcc17/uploads/6989afd50783d358e0d1dd18.webp);
    }

    .viewport-el-4c8i4yd7j {
        color: #050000;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .viewport-el-lh89qc0o8 {
        color: #0a0101;
        text-align: center;
    }

    .viewport-el-9qrvqsnp1 {
        color: #080101;
        text-align: center;
    }

    .viewport-el-yuwcyw7qz {
        color: #000000;
        text-align: center;
    }

    #content-10 h2,
    #content-10 p {
        text-align: center;
    }

    #contact-9 h2,
    #contact-9 h3,
    #contact-9 p {
        text-align: center;
    }

    .viewport-services-5 {
        gap: 60px;
        overflow: visible;
        height: auto;
        width: auto;
        padding: 30px 30px 20px 20px
    }

    .viewport-services-cards {
        overflow: visible;
        gap: 2rem;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 2rem 1rem;
    }

    #services-cards .section-grid-size {
        padding: 2rem 1rem !important;
    }

    #gd-vptpn7ltp > div {
        padding: 3rem 2rem !important;
        min-height: 320px !important;
        margin-bottom: 2rem !important;
    }

    #services-cards i[id*="ph-icon"] {
        width: 56px !important;
        height: 56px !important;
        padding: 1rem !important;
    }

    #services-cards i[id*="ph-icon"] svg {
        width: 40px !important;
        height: 40px !important;
    }

    #services-cards h3 {
        font-size: 1.375rem !important;
        margin-top: 1.5rem !important;
        margin-bottom: 1rem !important;
        font-weight: 600 !important;
    }

    #services-cards p[data-cgh*="Service"] {
        font-size: 1.0625rem !important;
        line-height: 1.7 !important;
        margin-top: 1rem !important;
    }

    .viewport-el-e1xikltwd {
        font-size: 14px;
    }

    .viewport-el-15958ogrg {
        font-size: 14px;
    }

    .viewport-el-1xnlj59o9 {
        font-size: 14px;
    }

    .viewport-el-8lblavlb5 {
        font-size: 14px;
    }

    .viewport-el-p2qx0xbru {
        overflow: hidden;
        background-repeat: no-repeat
    }

    .viewport-mainNav {
        background-size: cover
    }

    .viewport-id-l4va27g30 {
        font-size: 14px
    }

    .viewport-gd-efeksjvp5 {
        height: auto;
        padding: 80px 80px 80px 80px
    }

    .viewport-gallery-with-border {
        background-image: none;
        background-color: #000000;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        background-position: center;
        margin: 2rem;
        padding: 0;
        overflow: hidden
    }

    .viewport-gd-w6ij70q8m {
        padding: 80px 80px 80px 80px
    }

    .viewport-gd-1xc92vj6p {
        padding: 80px 80px 80px 80px
    }

    .viewport-el-yvjfwwk5t {
        display: block !important
    }

    .viewport-ph-img-6 {
        margin: 2rem;
        overflow: hidden
    }

    .viewport-el-4i3shtxet {
        margin: 2rem
    }

    .viewport-ph-img-5 {
        margin: 2rem
    }

    .viewport-ph-img-4 {
        margin: 2rem
    }

    .viewport-el-pcgwmbwno {
        margin: 2rem;
        overflow: hidden
    }

     #contact-9 .col-start-\[27\] {
        margin-top: 3rem !important;
    }
    
    #ph-img-1-wrapper {
        height: 192px !important;
    }
    
    #ph-img-1 {
        height: 100% !important;
    }
}