#baseLogo {
    /*height:100px;*/
    width: auto;
}

/*iframe*/
.embedded {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 600px;
}
.embedded iframe, .embedded object, .embedded embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .embedded {
        padding-bottom: 40%;
    }
}
@media (min-width: 992px) {
    .embedded {
        padding-bottom: 35%;
    }
}
@media (min-width: 1200px) {
    .embedded {
        padding-bottom: 25%;
    }
}

#baseFooter {
    width: 100%;
    background: var(--dark);
    color:var(--light);
    padding: 2rem 0;
}