html, body {
    height: 100%;
    margin: 0;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

.orders-main {
    background-color: #f3f3f3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 2rem;
}

.orders-title {
    width: 30%;
}

.orders-ttl {
    margin-bottom: 1rem;    
}

.orders-info {
    font-size: 1.5rem;
    padding: 1rem 1rem 1rem 2rem;
    width: 70%;
}

.orders-sub {
    padding: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 1rem;
}

.order-option {
    margin: 1rem;
}

.orders-details {
    font-size: 1.125rem;
}

.orders-sub-ttl {
    color: #007bff;
}

.a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.order-call-btn {
    border-radius: .25rem;
    background-color: #007bff;
    border: 1px solid #0860bf;
    color: #fff;
    padding: .5rem;
    width: 100%;
    /*font-weight: bold;*/
    margin-bottom: .5rem;
}

.order-email-btn {
    border-radius: .25rem;
    background-color: #7b7b7b;
    border: 1px solid #464646;
    color: #fff;
    padding: .5rem;
    border: none;
    width: 100%;
    margin-bottom: .5rem;
}

@media screen and (max-width:700px) {
    .orders-main {
        flex-direction: column;
    }
    
    .orders-title {
        width: 100%;
    }
    
    .orders-info {
        font-size: 1.5rem;
        padding: 1rem;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .orders-sub {
        flex-direction: column;
    }
}

@media screen and (min-width: 992px) {
    .order-option {
        padding: 1rem 0;
    }
}