.mumbojumbo {
    display: flex;
    vertical-align: middle;
}

.navbar {
    display: flex;
    color: white;
    padding: 0 1rem;
    background-color: red;
    font-family: 'Open Sans', sans-serif;
}

.navbar,
.nav-item,
.nav-link,
.dropdown-item,
.navbar-nav {
    font-size: 0.8rem;
    /*height: 35px;*/
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.vid-box,
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65vmin;
    height: 65vmin;
    border: 0px;
}

.center {
    object-fit: contain;
}

.nav-link,
.vid-title {
    color: white;
    background-color: red;
}

.vid-title {
    font-size: clamp(18.72px, 4vw, 30px);
    display: block;
    padding: .25rem 1rem;
}

.nav-link:hover {
    color: black;
    background-color: white;
}

.form-control-file {
    padding: .1rem;
}

.input-group-text {
    background-color: red;
    color: white;
}

.input-group-prepend {
    padding: 0;
}

.listing {
    background-color: red;
    color: white;
    margin: .1rem;
}

.info {
    text-align: right;
}

.card img {
    width: 100%;
}

.card-body {
    display: flex;
}

.btn,
.d-block {
    align-items: center;
}

.btn-success:hover {
    background-color: white !important;
    color: green;
}

.btn-danger:hover {
    background-color: white !important;
    color: red;
}

a {
    text-decoration: none !important;
    color: dodgerblue;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.main-container {
    width: 88%;
    margin: 2.75em auto;
    max-width: 1600px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: red;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: clamp(24px, 4vw, 40px);
}

h2 {
    font-size: clamp(18.72px, 4vw, 30px);
}

h3 {
    font-size: clamp(18px, 4vw, 24px);
}

h4 {
    font-size: clamp(13.28px, 4vw, 20px);
}

h5 {
    font-size: clamp(10.72px, 4vw, 16.6px);
}

body {
    font-size: clamp(15px, 2vw, 18px);
}

label {
    display: None;
}

.form-group {
    margin: 0rem;
    padding: 0;
}