@media only screen and (max-width: 480px) {
    #tournamentTopSection {
        grid-template-columns: 1fr;
    }
    
    #tournamentInfoSection {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 481px) {
    #tournamentTopSection {
        grid-template-columns: 3fr 1fr;
    }

    #tournamentInfoSection {
        grid-template-columns: 1fr 1fr 1fr;
    }

    #tournamentNotesSection {
        grid-column-start: span 2;
    }

    #tournamentNameSection {
        grid-column-start: span 3;
    }
}
#tournamentTopSection {
    display: grid;
}
#tournamentSignupSection {
    text-align: center;
}
#tournamentInfoSection, #tournamentSignupSection, #tournamentNotesSection {
    border: 2px solid #DEDEDE;
    border-radius: 15px;
    margin: 10px;
    padding: 15px;
}

#tournamentInfoSection {
    display: grid;
    text-align: center;
}


#tournamentFlyerSection, #tournamentDirectorsSection, #tournamentNumGamesSection {
    border-left: 2px solid #DEDEDE;
    border-right: 2px solid #DEDEDE;
    margin: 10px;
    padding: 15px;
    text-align: center;
}