body{
  background-color: #4d4d4d;
  color: #FFF;
  margin: 0;
}

a{
  color: #00a3d1;
}

hr{
  width: 20%;
  border: 1px solid #fdc114;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center; /* Safari */
    justify-content:         center; /*space-around*/
  
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
  
  
    
}

.left {
    max-width: 50%;
    margin: 1px;
    height: 300px;
    flex-grow: 1;

}

.genblock {
  width: 100%;
  background-color: #C73;
  border: 1px solid #973;
  margin-bottom: 30px;
}

.genblock a {
	color: #FFF;
}

.genblock li {
	list-style-type: none;
  text-align: left;
}

.block {
  width: 90%;
  background-color: #C73;
  border: 1px solid #973;
  margin-bottom: 30px;
}

.right {
  background-color: #C73;
    max-width: 15%;
    margin: 1px;
    flex-grow: 1;
 
}

.right > ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

.flex-item {
    height: 100px;
    margin: 1px;
    display: flex;
    text-align: center;
    flex-grow: 1;

}

.flex-item a{ 
  font-size: 2em;
  color: #fff;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  text-decoration: none;
}


.flex-itemHead {
  text-transform: capitalize;
  flex-grow: 10;
  font-size: 4em;
  text-decoration: none;
  height: 100px;
  margin: 1px;
  display: flex;
  padding-left: 10px;
  aligh-self: Stretch;
}

/**/

.banner{
  background-image:url("https://maurtopia.com/doombucket/images/springbg.png");
  background-size:cover;
  position:relative;
  height:250px;
  margin-bottom: 50px;
  
  text-align:center;
  
}

.banner p{
  margin: 0px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  
  color: #000;
  Font-size: 28px;
}

.content{
  text-align: center;
  
}

.content h3{
 color: #fdc114;
}

.frameHolder{
  text-align: center;

}

.frameHolder iframe{
  height: 400px;
  width: 510px;
  scrolling: no;
  overflow:hidden;
    frameBorder: 0;
  border: 0;
}
/**/
.flex-itemB {
    background-color: grey;
    height: 75px;
    margin: 1px;
    display: flex;
  width: 125px;
    	max-width: 125px;
  flex-grow: 1;
  
  border: 1px solid rgba(0,0,0,0.5);
	border-bottom: 3px solid rgba(0,0,0,0.5);
	
	
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background: rgba(0,0,0,.45);
	
	box-shadow: 
        0 2px 8px rgba(0,0,0,0.5), /* Exterior Shadow */
        inset 0 1px rgba(255,255,255,0.3), /* Top light Line */
        inset 0 10px rgba(255,255,255,0.2), /* Top Light Shadow */
        inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */
        inset 0 -15px 30px rgba(0,0,0,0.3); /* Dark Background */
  
}

.flex-itemB a, .flex-itemG a{  
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  
  text-align:center;
  text-decoration:none;
    color: #CCC;
  Font-size: 28px;
}

.flex-itemG a{  
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  
  text-align:center;
  text-decoration:none;
    color: #CCC;
  Font-size: 28px;
}

.flex-itemB a img, .flex-itemG a img{
  
	max-height: 240px;
	max-width: 100px;
  margin-left: auto; /*centers image*/
  margin-right: auto; /*centers image*/
  
}  

.flex-containerB {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around; /* Safari */
    justify-content:         space-around; /*space-around*/
  
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
  
  
    
}

.flex-itemG {
    background-color: grey;
    height: 75px;
    margin: 1px;
    display: flex;
  width: 100%
  flex-grow: 1;
  
  border: 1px solid rgba(0,0,0,0.5);
	border-bottom: 3px solid rgba(0,0,0,0.5);
	
	
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background: rgba(0,0,0,.45);
	
	box-shadow: 
        0 2px 8px rgba(0,0,0,0.5), /* Exterior Shadow */
        inset 0 1px rgba(255,255,255,0.3), /* Top light Line */
        inset 0 10px rgba(255,255,255,0.2), /* Top Light Shadow */
        inset 0 10px 20px rgba(255,255,255,0.25), /* Sides Light Shadow */
        inset 0 -15px 30px rgba(0,0,0,0.3); /* Dark Background */
  
}