@media only screen and (max-width: 700px),
only screen and (hover: none) {
    .containerx {
        margin: 10vh 2% 5px;
    } 
    /* .desc {
        margin-top: 25px;
        height: 50vh;
    } */
    
.main-images {
    grid-template-columns: 50% 50%;
    grid-template-rows: 40vh 30vh;
}
.main-images img {
    border-radius: 10%;
    box-shadow: 0 0 5px;
}

.main-images img.first {
    grid-column: 1/3;
    grid-row: 1 / 2;
}
    .more-desc h2 {
        text-align: center;
        font-size: 25px;
    }
    .more-desc h3 {
        text-align: center;
        font-size: 20px;
    }
    .more-desc h4 {
        text-align: center;
        font-size: 15px;
    }
    
.order{
    font-size: 20px;
}
    .main-desc span,
    span.desc {
        font-size: 20px;
    }
    .main-title {
        font-size: 35px;
        margin: 30px 0 10px;
        text-shadow: 3px 3px 5px #000;
    }
    label:not(.radio-label) {
     
        font-size: 10;
    }

input,
textarea,
select {
    font-size: 15px;}
    label.radio-label{
    font-size: 15px;

}.footer-container {
        grid-template-rows: 30vh 30vh 30vh 30vh 30vh;
    }
    .footer-icon {
        font-size: 30px;
    }
    span.footer-span {
        font-size: 13px;
    }
    .footer-col .h4 {
        font-size: 17px;
    }
    .contact p {
        font-size: 15px;
        padding:0;
    }
    .contact {
        gap: 1px;
    }
}

@media only screen and (max-width: 900px),
only screen and (hover: none) {
    .footer-container {
        padding: 1px 5px;
        grid-template-columns: 100%;
        grid-template-rows: 32vh 32vh 32vh 32vh 32vh;
        gap: 5px;
    }
    .footer-col-logo {
        grid-column: 1/2;
        grid-row: 1 / 2;
    }
    .footer-icon {
        font-size: 33px;
        /* margin: 15px auto; */
    }
    span.footer-span {
        font-size: 14px;
    }
    .footer-col .h4 {
        font-size: 19px;
        padding: 0;
    }
}