body {
  font: 400 100%/1.45 'Source Sans Pro', Helvetica, arial, sans-serif;
  color: #252525;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.2em;
  font-weight: 700;
  color: #252525;
  line-height: 1;
}

h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 1.17em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

a { color: #FF0000; }

a:active,
a:focus,
a:hover {
  outline-style: none;
  transition: all 0.2s ease 0s;
  color: #A00000;
  text-decoration: none;
}

p { margin-bottom: 1.2em; }

#container {
  width: 500px;
  margin: 0 auto;
  position: relative;
  padding: 10px 0;
  text-align: center;
}

#container { margin: 20px auto; }

footer {
  background-color: #D1D1D1;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
  text-align: center;
}
.images {
  position: relative;
}
.images img {
  max-width: 500px;
}

.text {
  position: absolute;
  top:0;
  left:0;
  z-index: 99;
  background-color: rgba(255,255,255,0.8);
  font-size: 50px;
  width: 500px;
  text-align: center;
  display: none;
}

strong {
  color: #ff0000;
}