body {
    background-color: #f3f9fb;
    text-align: center;
    max-width: 100%;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web-700', sans-serif;
}

p {
    font-family: 'PT Serif', serif;
}

hr {
    background-color: #f3f9fb;
    color: #f3f9fb;
}

/*Top Bar*/

.title {
    text-align: left;
}

.menu {
    background-color: #113f67;
    color: #f3f9fb;
    font-weight: bold;
    padding-right: 0;

}

.main-page {
    display: flex;
    flex-direction: column;
}

/*Side Area*/

.side-menu {
    padding: 1% 5px;
}

/*Work Area*/

.work-area {
    background-color: #f3f9fb;
    flex-grow: 1;
}

/*Footer*/

.credits {
    text-align: left;
    background-color: #113f67;
    color: #f3f9fb;
}

/*Schedule*/


/*Patient Search*/

.form-name {

}

.patient-search {
    margin: 15px 15px 0 0;
}


.patient {
    display: inline-block;
    float: right;
}

.form-number {
    width: 30%;

    text-align: right;
}

/*Patient History*/

.sale-button {
}

/*Explanation Sections*/

.explain {
    text-align: left;
    background-color: #f3f9fb;
    color: #000;
}

/* Breakpoints */

@media (max-width: 768px) {
    .btn {
        font-size: 1rem;
    }

    .side-menu {
        order: 1;
    }

    .work-area {
        order: 2;
        height: 700px;
    }
}