@media only screen and (min-width: 320px) {

    button.continue {
        margin-top: 12px;
        background-color: #D11141;
        color: white!important;
    }

    .d-flex .align-items-center > span {
        margin-left: 5px;
    }

    .formTitle {
        margin: 16px 0px;
        font-size: 28px;
    }
    .flex-outer li.consentli {
        display: block;
    }
    .direction{
        flex-direction: column;
    }

    .totalBox{
        width: 100%;
        font-size: 16px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {


    .direction{
        flex-direction: row;
    }

    .discipline > .description{
        font-size: 16px;
    }
    .discipline > .consentDiv > .consent{
        font-size: 13px;
        font-weight: bold;
    }


    /*old below here*/
    .threeselect {
        flex-direction: row;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .flex-outer > li:not(:last-child) {
        margin-bottom: 5px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

    /*hiding label and checkbox*/
    input#show-menu[type=checkbox],
    .show-menu {
        display: none;
    }

    ul.tabs {
        display: block;
    }

    .parentFlex {
        display: flex;
        justify-content: center;
    }

    .thritythree {
        width: 33%;
        margin-top: 10px;
    }

}