/* 
source: https://codepen.io/alvarotrigo/pen/rNpaBJJ
 */

.aspectwrapper {
  display: inline-block; /* shrink to fit */
  width: 1024px;           /* whatever width you like */
  position: relative;    /* so .content can use position: absolute */
}
.aspectwrapper::after {
  padding-top: 00.25%; /* percentage of containing block _width_ */
  display: block;
  content: '';
}
.content {
/* 
  position: absolute;
  top: 0; bottom: 0; right: 0; left: 0;  /* follow the parent's edges */
  /* 
  outline: thin dashed green;            /* just so you can see the box 
  */
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}

.aParent div {
    float: left;
    clear: none; 
}

.container {
	/*
	padding: 14px ;
	 
    padding: 5px 10px;
	*/
}

/* 
.container {
  line-height: 1.4;
  text-align: center;
  padding: 44px;
  color: #333;
}
 */
 
h1 {
  font-size: 50px;
}

p {
  font-size: 18px;
}
p small {
  font-size: 80%;
  color: #666;
}

.highlight-container, .highlight {
  position: relative;
}

.highlight-container {
  display: inline-block;
}
.highlight-container:before {
  content: " ";
  display: block;
  height: 90%;
  width: 100%;
  margin-left: -3px;
  margin-right: -3px;
  position: absolute;
  background: #ffd500;
  transform: rotate(2deg);
  top: -1px;
  left: -1px;
  border-radius: 20% 25% 20% 24%;
  padding: 10px 3px 3px 10px;
}