.page-title {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-title h2, .page-title-two h2 {
    font-size: 32px;
    font-size: clamp(18px, 2vw, 32px);

    text-transform: uppercase;
    color: #ffffff;
}

.vid-container {
    /*max-width: 538px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.vid-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.vid-container iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.card-footer button {
    width: 100%;
    min-width: 100px;
    margin: 0 auto;
    text-transform: uppercase;
}

.location-image img {
    width: 100%
}

.new-content .row p, .new-content .row li {
    font-size: 1.75em;
    color: #212529;
}

.template-content-list-item p {
    font-size: 1em !important;
    margin-bottom: 0 !important;
}

.adjust-rem {
    font-size: 10px !important;
}

h1, .h1 {
    font-size: 2.5em;
}

h2, .h2 {
    font-size: 2em;
}

h3, .h3 {
    font-size: 1.75em;
}

h4, .h4 {
    font-size: 1.5em;
}

h5, .h5 {
    font-size: 1.25em;
}

h6, .h6 {
    font-size: 1em;
}

.display-4 {
    font-size: 3.5em;
    font-weight: 300;
    line-height: 1.2;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 0.5em 1em;
    font-size: 1.25em;
    line-height: 1.5;
    border-radius: 0.3em;
}

.card-body {
    padding: 1.25em;
}

.card-footer {
    padding: 0.75em 1.25em;
}

body {
    font-size: 16px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-left: 60px;
    }
}

.add-guest-btn, .add-note-btn, .remove-note-btn {
    background-color: #eee !important;
}

.add-guest-btn:hover, .add-note-btn:hover, .remove-note-btn:hover {
    background-color: #ddd !important;
}

.add-guest-btn:active, .add-note-btn:active, .remove-note-btn:active {
    background-color: #ccc !important;
}

.spinner-border-sm {
    width: 1em;
    height: 1em;
}