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

.schedule-head {
    font-size: 1.75rem;
    font-weight: 700;
    text-align: center;
    color: #cf102d;   
    margin-bottom: 1rem;
}

.fb-schedule {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
}
    
    .fb-schedule img {
        max-width: 120px;
        max-height: 120px;
    }
    

.home-div {
	padding: 1rem 1.5rem;
	border: 1px solid #cf102d;
	border-radius: .375rem;
	margin-bottom: 1.25rem;
}

.away-div {
	padding: 1rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: .375rem;
	margin-bottom: 1.25rem;
}

.home-bar {
    text-align: center;
    color: #cf102d;
    font-weight: 700;
}

.away-bar {
    text-align: center;
    color: #333333;
    padding: 3%;
}

.home-date {
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    color: #cf102d;
	bottom: 0;
}

.away-date {
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    color: #333333;
}

@media screen and (max-width: 1025px) {
 .fb-schedule {
    grid-template-columns: repeat(3, 1fr);
}
    
    .schedule-head {
    font-size: 1.25rem;
}


   
    }

@media screen and (max-width: 769px) {
 .fb-schedule {
    grid-template-columns: repeat(2, 1fr);
}
    
    .schedule-head {
    font-size: 1rem;
}

    }