/* CSS Document */

.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  position: relative;

}

.flex-container > div {
  	margin: 20 20 20 25px;
        background-color: #000;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1200px) 
{
  .flex-container {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
}

.column {  
  justify-content: center;
}

img.transparent {
  visibility: visible;
  opacity: 1.0;
  object-fit: contain;
  max-width: 100%;
  height: auto;
  margin: 0 0 0 0px;
  z-index: 0;

}

img.transparent:hover {
  opacity: 0.25;
  color: #000;

}

img.transparent:hover + p{
  display: block;
  position: absolute;

}

p {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
        line-height: 1.6;
        overflow-x: hidden;
        text-transform: uppercase;
}
a:link {
	color: #fff;
	text-decoration: none;
	outline: 0;
}
a:visited {
	text-decoration: none;
	color: #FFF;
    	outline: 0;
}
a:hover {
	text-decoration: none;
	color: #FFF;
	outline: 0;
}
a:active {
	text-decoration: none;
	color: #FFF;
	outline: 0;
}

#header {
	display: block;
   	margin: 0 auto;
	margin-top:25px;
	width:825px;
	height:88px;
	z-index:1;
	background-color: transparent;

}

#nav {
	display: block;
    	margin: 0 auto;
	width:825px;
	height:75px;
	z-index:1;
	background-color: transparent;

}

#content {
	display: block;
    	margin: 0 auto;
	width: 100%;
	z-index:1;
	text-align: center;
}

#single {
	display: block;
    	margin: 0 auto;
	width: 100%;
	z-index:1;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
        line-height: 1.6;
        overflow-x: hidden;
        text-transform: uppercase;
}