h1, h2, h3, h4, h5, p {
    margin: 0;
    margin-bottom: 15px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}

.red * {
    color: #0f4c5c;
}
.red {
    border: 6px solid #9a031e;
}
body .red {
     background-color: #fb8b24;
     border-bottom: 6px solid #9a031e; 
}

.blue * {
    color: #0077b6;
}
.blue {
    border: 6px solid #03045e;
}
body .blue {
     background-color: #caf0f8;
     border-bottom: 6px solid #03045e; 
}

.green * {
    color: #31572c;
}
.green {
    border: 6px solid #132a13;
}
body .green {
     background-color: #ecf39e;
     border-bottom: 6px solid #132a13; 
}

.purple * {
    color: #5a189a;
}
.purple {
    border: 6px solid #3c096c;
}
body .purple {
     background-color: #e0aaff;
     border-bottom: 6px solid #3c096c; 
}

main {
    width: calc(100vw - 12px);
}

main > div {
    padding: 5vw;
}

.date-infos {
    display: flex;
}

.date-infos > div {
    display: flex;
    flex-direction: column;
}

.date-infos-left {
    width: 30%;
    text-align: start;
}

.date-infos-right {
    width: 70%;
    text-align: end;
}

.date-infos-right h4 {
    font-weight: normal;
}

.name {
    text-transform: capitalize;
}

.hide {
    display: none;
}

.info {
    text-align: center;
    padding: 5vw;
}
.red .food {
    border-top: 6px solid #9a031e; 
    background-color: #e36414;
}
.red .pickup {
    border-top: 6px solid #9a031e;
    background-color: #dc0007; 
}

.blue .food {
    border-top: 6px solid #03045e; 
    background-color: #00b4d8;
}
.blue .pickup, .sunday {
    border-top: 6px solid #03045e;
    background-color: #0077b6; 
}
.sunday * {
    color: white;
}

.green .food {
    border-top: 6px solid #132a13; 
    background-color: #4f772d;
}
.green .pickup {
    border-top: 6px solid #132a13;
    background-color: #31572c; 
}

.purple .food {
    border-top: 6px solid #3c096c; 
    background-color: #7b2cbf;
}
.purple .pickup {
    border-top: 6px solid #3c096c;
    background-color: #5a189a; 
}

.pickup *, .food *{
    color: white;
}