/********** Base styles **********/
* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  text-align: center
}

section {
  padding: 40px 20px 20px 20px;
  margin: 2% 2% 2% 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 devices only **********/
@media (min-width: 992px) {
  .dev-lg-4 {
	width: 29.00%;
  }
}

/********** Medium devices only **********/
@media (min-width: 768px) and (max-width: 991px) {
  .dev-md-2 {
	width: 46.00%;
  }
  .dev-md-1 {
	width: 96.00%;
  }
}

/********** Small devices only **********/
@media (max-width: 767px) {
  .dev-sm-1 {
	width: 96.00%;
  }
}