/* CSS for LRA Tickets page */

h1 {
    font-size: 40pt;
    margin-bottom: 1em;
}

.top-content {
    padding: 5em 0 4em 0;
}

.left-align {
    text-align: left;
}

.mb-0 {
    margin-bottom: 0;
}

.marbot {
    margin-bottom: 4em;
} 

.buy-your-ticket-btn {
    background-color: #a6273a;
    font-family: RobotoSlab;
    font-size: 40pt;
    color: white;
    padding: 0px 100px 11px;
}

@media (max-width: 767px) {
    .left-align {
        text-align: center;
    }

    .top-content {
        padding: 0 0 4em 0;
    }
}

@media (max-width: 575px) {
    .buy-your-ticket-btn {
        font-size: 25pt;
    }
}

@media (max-width: 479px) {
    h1 {
        font-size: 25pt;
    }

    h5 {
        font-size: 15pt;
    }

    .top-content {
        padding: 0 0 2em 0;
    }

    .buy-your-ticket-btn {
        font-size: 15pt;
        padding: 5px 60px 11px;
    }

    .marbot {
        margin-bottom: 2em;
    } 
}