/********** Base styles **********/
* {
  box-sizing: border-box;
  margin:0;
  padding: 0;
  font-family:  Arial, Helvetica, sans-serif;
 }
h1 {
	text-align: center;
}
section{
	padding: 40px 20px 20px 20px;
	margin: 2%;
	border: 1px solid black;
	border-width: thick;
	float: left;
	position: relative;
	background-color: grey;
}
.row{
	width=100%;
}
.title {
  position: absolute;
  top:0;
  right:0;
  width:30%;
  border: 1px solid black;
  border-width: thick;
  border-top: none;
  border-right: none;
}
.pink {
  background-color: #D59898;
}
.red {
  background-color: #C14543;
  color: white;
}
.gold {
  background-color: #E5D198;
}
/* Simple Responsive Framework. */
/* Large device */
@media(min-width:992px){
	.dev-lg-4{
		width:29.00%;
	}
}
/* Medium device */
@media(min-width:768px) and (max-width: 991px){
	.dev-md-2{
		width:46.00%;
	}
	.dev-md-1{
		width:96.00%;
	}
}
/* Small device */
@media (max-width: 767px) {
  .dev-sm-1 {
	width: 96.00%;
  }
}