@charset "UTF-8";
/* CSS Document */

    .recruit-body {
        margin-bottom: 1.25rem;
        border-bottom: 4px solid #cf102d;
        padding-bottom: 1.25rem;
    }
    
    .recruit {
        padding: 2%;
        border: 1px #cccccc solid;
        margin-bottom: 1.25rem;
    }
    
    .recruit-head {
        margin-bottom: 12px;
        text-align: center;
    }
    
    .recruit-head h1 {
        color: #cf102d;
        margin: 0 0 3px 0;
        font-size: 1.75rem;
        text-transform: uppercase;
        line-height: 100%;
    }
    
    .recruit-head h2 {
        color: #333333;
        margin: 0 0 12px 0;
        font-size: 1.25rem;
        line-height: 110%;
    }
    
    .recruit-info {
        margin-bottom: 1.25rem;
    }
    
    .class-quote {
        background-color: #cf102d;
        padding: 2%;
        border-left: 4px #000000 solid;
        border-right: 4px #000000 solid;
        font-style: italic;
        margin-bottom: 1.25rem;
        color: #ffffff;
        width: 100%;
        
    }
    
    .recruit-quote strong {
        color: #e5e5e5;
        font-style: normal;
    }
    
    .recruit-quote {
        background-color: #e5e5e5;
        padding: 2%;
        border-left: 4px #333333 solid;
        font-style: italic;
        margin-bottom: 1.25rem;
    }
    
    .recruit-quote strong {
        color: #cf102d;
        font-style: normal;
    }
    
    .recruit-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1rem;
        height: auto;
    }
    
    .recruit-graphic {
        grid-column: 1;
    }
    
    .recruit-text {
        grid-column: 2 / span 3;
    }
    
    .recruit-photo-1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1rem;
        height: auto;
        margin-bottom: 1rem;
    }
    
    .recruit-photo-1 img {
        width: 100%;
        height: auto;
        border: 1px solid #cf102d;
    }
    
    .recruit-photo-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1rem;
        height: auto;
        margin-bottom: 1rem;
    }
    
    .recruit-photo-2 img {
        width: 100%;
        height: auto;
        border: 1px solid #cf102d;
    }
    
    .recruit-photo-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1rem;
        height: auto;
        margin-bottom: 1rem;
    }
    
    .recruit-photo-3 img {
        width: 100%;
        height: auto;
        border: 1px solid #cf102d;
    }
    
    .graphic-photo img {
        width: 100%;
        height: auto;
        border: 1px solid #cf102d;
    }
    
    .recruit-photo {
        padding: 1%;
        border: 3px solid #cccccc;
    }
    
    @media screen and (max-width: 769px ) {
    .recruit-photo-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1rem;
        height: auto;
        margin-bottom: 1rem;
    }
        
            .recruit-wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1rem;
        height: auto;
        margin-bottom: 1rem;
    }
    
    .recruit-graphic {
        grid-column: 1;
    }
    
    .recruit-text {
        grid-column: 1;
    }
    

    
    }