*{
    box-sizing:border-box;
}

body{
    margin:0;
    padding:40px 0 0;
    background:#f5f5f5;
}

.inquiry-box{
    max-width:800px;
    margin:auto;
    background:#ffffff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

h2{
    margin-top:0;
    color:#d10000;
}

.form-group{
    margin-bottom:18px;
}

label{
    display:block;
    margin-bottom:8px;
}

.required{
    color:#d10000;
}

input,
textarea{
    width:100%;
    padding:12px;
    border:1px solid #cccccc;
    border-radius:10px;
    font-family:inherit;
    font-size:15px;
}

textarea{
    min-height:180px;
    resize:vertical;
}

input:focus,
textarea:focus{
    outline:none;
    border-color:#d10000;
}

button{
    width:100%;
    border:none;
    padding:14px;
    border-radius:10px;
    background:#d10000;
    color:white;
    font-size:16px;
    cursor:pointer;
    font-family:inherit;
}

button:hover{
    background:#a80000;
}

.success{
    background:#e8f7e8;
    color:#1b6d1b;
    padding:15px;
    border-radius:10px;
    margin-bottom:20px;
}

.error{
    background:#ffe8e8;
    color:#b00000;
    padding:15px;
    border-radius:10px;
    margin-bottom:20px;
}

@media (max-width: 768px) {

    #motor-corner-image img{
        width:140px;
    }

    .header,
    .ea-content,
    .services,
    .footer {
        max-width:100%;
        box-sizing:border-box;
    }

    .ea-content img,
    .card {
        max-width:100%;
        box-sizing:border-box;
    }

    .menu-wrapper,
    .nav {
        max-width:100vw;
    }

    .inquiry-box{
        padding:20px;
    }
}