﻿.contact-grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
}

.real-world-contact {
    padding-left:50px;
}

.online-contact {
    padding-right:50px;
}

.ask-us-a-question-grid {
    display:grid;
    grid-template-columns: 40% auto;
    grid-gap:15px;
    align-items:top;
}

.ask-us-a-question-label {
    text-align:right;
}

.ask-us-a-question-content {
    text-align:left;
}

.contact-header {    
    font-weight:800;
    padding:10px;
}

/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .contact-grid {
        grid-template-columns: 100%;
    }

    .real-world-contact {
        padding:10px;
    }

    .online-contact {
        padding:10px;
    }
}

/* --------- iphone portrait -----------  */
@media screen and (max-width: 540px) {
    .contact-grid {
        grid-template-columns: 100%;
    }
    .ask-us-a-question-grid {
        display:grid;
        grid-template-columns: 100%;
        grid-gap:15px;
        align-items:top;
    }

    .ask-us-a-question-label {
        text-align:left;       
    }

    .ask-us-a-question-content {
        text-align:left;
    }
		
}

