.form-control{
    background-color: white;
}

.main-topic{
    font-size: 1.35rem;
}

#contact .card form button[type="submit"]{
    width: 100%;
    height: 53px;
    color: white;
    background-color: #4DCBA3;
    border: none;
    border-radius: 8px;
}

#contact .card{
    border-radius: 16px;
    min-height: 60vh;
    border: none;
    overflow: hidden;
}

#contact .detail-wrapper{
    margin-top: 30px;
}

#contact .detail-wrapper .card{
    color: white;
    background-color: #4DCBA3;
}

#detail .name{
    font-size: 1rem;
}

#detail .follow-us{
    font-size: 0.9rem
}

#detail .location,
#detail .tel,
#detail .line,
#detail .sub-detail,
.card input,
.card label{
    font-size: 0.75rem
}

@media (min-width: 992px) {
    .main-topic{
        font-size: 48px;
        color: #383838;
    }

    #contact .card{
        border-radius: 16px;
        height: 816px;
    }

    #contact .detail-wrapper{
        margin-top: 0;
    }

    #contact .card form button[type="submit"]{
        width: 306px;
    }

    #detail .name{
        font-size: 30px;
        font-weight: bold;
    }
    
    #detail .follow-us{
        font-size: 24px;
        font-weight: bold;
    }
    
    #detail .location,
    #detail .tel,
    #detail .line,
    #detail .sub-detail{
        font-size: 24px;
    }

    .card input,
    .card label{
        font-size: 18px;
    }
}