.padding-left
{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.padding-right
{
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.halfwidth {
    max-width: 49.5%;
}
.width66 {
    max-width: 68.5%;
}
.width32 {
    max-width: 30.5%;
}

@media screen and (min-width: 841px) {
	#sidebar {
    position: sticky;
    top: 4rem;
    height: calc(100vh - 7rem);
    overflow-y: auto;
	}
}

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}