.registerTitle {
    font-size: 4vw;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 8vw;
    color: white;
}

.spinner-border {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

#submitButton.loading {
    cursor: not-allowed;
    background-color: #f0ad4e;
    border-color: #eea236;
}

#submitButton.loading .spinner-border {
    margin-right: 0.5rem;
}

#submitButton.loading:focus {
    outline: none;
    box-shadow: none;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {

    /* about hero title */
    .registerTitle {
        font-size: 9vw;
        line-height: 9vw;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

    /* about hero title */
    .registerTitle {
        font-size: 8vw;
        line-height: 8vw;
    }

}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

    /* about hero title */
    .registerTitle {
        font-size: 9vw;
        line-height: 9vw;
    }
}