﻿@media (max-width:480px) {
    .profile-specList-section {
        display: grid;
        display: -ms-grid;
        grid-columns: 1fr;
        -ms-grid-columns: 1fr;
        grid-template-areas: "profile-specList-section-gender" "profile-specList-section-minority" "profile-mbe-cert" "profile-minority-women-directory" "profile-specList-button";
        grid-gap: 1.5rem;
    }
}

@media (min-width: 481px) {

    .profile-specList-section {
        display: grid;
        display: -ms-grid;
        grid-columns: 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-areas: "profile-specList-section-gender profile-specList-section-minority profile-specList-section-disabled" "profile-mbe-cert profile-mbe-cert profile-mbe-cert" "profile-minority-women-directory profile-minority-women-directory profile-minority-women-directory" "profile-specList-button profile-specList-button profile-specList-button";
        grid-gap: 1.5rem;
    }

        .profile-specList-section label {
            display: inline;
        }
}

.profile-gender {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: profile-specList-section-gender;
}

.profile-minority {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: profile-specList-section-minority;
}

/*.profile-disabled {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: profile-specList-section-disabled;
}*/

.profile-include-women-minority-dirctory {
    grid-area: profile-minority-women;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / span 3;
    -ms-grid-column-align: start;
    justify-self: start;
    grid-row: auto;
    -ms-grid-row: 3;
}

.profile-specList-update-button {
    grid-area: profile-specList-button;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / span 3;
    -ms-grid-column-align: end;
    justify-self: end;
    -ms-grid-row: 4;
    grid-row: auto;
}

.profile-specList-mbe-cert {
    grid-area: profile-mbe-cert;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-row: auto;
    grid-column: 1 / span 3;
    -ms-grid-column-align: start;
}
