@media only screen and (max-width: 700px) {
    body{ display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    text-align: center;
    }
    .h1{
    margin:20px 80px;
    letter-spacing: 1.5px;
    grid-area:h1;
    border-bottom:0;
    text-align: center;
    color:#f6f7eb;
    padding:15px;
    background-color:#e94f37;
    border-radius: 50px;
    font-size: 4em;
    }
    .aboutus_container{
    height:120vh;
    width:95vw;
    padding-top:20px;
    text-align: center;
    max-width: 90vw;
    margin: auto;
    }
    .aboutus_grid{
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-auto-rows: minmax(200px, auto);
    gap: 0.8rem;
    padding:40px;
    margin: 0;
    text-align: center;
    grid-template-areas:
    ". h1 ."
    ". jour ."
    ". turn ."
    ". why ."
    ". quote ."
    ". join .";
    background-color:#f6f7eb;
    font-size: 20px;
    align-items:normal;
    }
.aboutus_item_journey{
    grid-area:jour;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_turning{
    grid-area:turn;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_why{
    grid-area:why;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_join{
    grid-area:join;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_arnoldquote{
    grid-area:quote;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    color: white;
    background-color: #e94f37;
    border: 3px solid #e94f37;
}
.arnold_h2{
    font-size: 3rem;
    color:white; 
    grid-column: span 3;
}
h2{
    font-size: 2rem;
    color:#e94f37
}

body{ display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    text-align: center;
}
.h1{
    margin:20px 80px;
    letter-spacing: 1.5px;
    grid-area:h1;
    border-bottom:0;
    text-align: center;
    color:#f6f7eb;
    padding:15px;
    background-color:#e94f37;
    border-radius: 50px;
    font-size: 4em;
}
.aboutus_container{
    height:175vh;
    width:85vw;
    padding-top:20px;
    text-align: center;
    max-width: 90vw;
    margin: auto;
    border-left: 4px solid #393e41;
    border-right: 4px solid #393e41;
}

.aboutus_grid{
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-auto-rows: minmax(200px, auto);
    gap: 0.8rem;
    padding:40px;
    margin: 0;
    text-align: center;
    grid-template-areas:
    "h1 h1 h1 h1 h1 h1"
    ". jour jour jour jour ."
    ". turn turn turn quote ."
    ". why why why quote ."
    ". join join join join .";
    background-color:#f6f7eb;
    font-size: 20px;
    align-items:normal;
}
.aboutus_item_journey{
    grid-area:jour;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_turning{
    grid-area:turn;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_why{
    grid-area:why;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_join{
    grid-area:join;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    border: 3px solid #e94f37;
}
.aboutus_item_arnoldquote{
    grid-area:quote;
    padding: 5px;
    text-align:center;
    border-radius: 8px;
    color: white;
    background-color: #e94f37;
    border: 3px solid #e94f37;
}
.arnold_h2{
    font-size: 3rem;
    color:white; 
    grid-column: span 3;
}
h2{
    font-size: 2rem;
    color:#e94f37
}