.puffContainer {
   position: relative;
   text-align: center;
   color: white;   
}

.puffContainer a {
   text-decoration: none;
}


.puffImage {
	max-width: 100%;
   height: auto;   
}

.bottom-left {
   position: absolute;
   bottom: 0.5em;
	left: 0.5em;
   background-color: rgb(68, 68, 68);
	background-color: rgba(68, 68, 68, 0.8);
   padding: 0 30px 5px 30px;
}

@media all {
   .puffContainer {
      font-size: 400%;  
	}
}

@media (max-width: 1000px) {
   .puffContainer {
      font-size:300%;  
	}
}

@media (max-width: 850px) {
   .puffContainer {
      font-size: 200%;  
	}
}

@media (max-width: 700px) {
   .puffContainer {
      position: static;
      font-size: 150%;  
      text-align: left;
      background-color: rgb(68, 68, 68);
		background-color: rgba(68, 68, 68, 0.8);
	}
	.bottom-left {
      position: static;
      background-color: inherit;
      padding: 0 1em 0.5em 0.5em;
   }
}