body { 
	background-color: #f8f8f8;
	-webkit-font-smoothing: antialiased;
	font-smoothing: always;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100;
	margin: 0px;
	padding: 0px;

}

h1 { font-family: arial; text-align: center; }

.full_bkgs {
    background-repeat: no-repeat;
    padding-bottom: 0px!important;

}

.full_bkgs h1 { color: #000000!important; font-size: 42px; }
.full_bkgs p { color: #444444!important; font-size: 19px; line-height: 1.8; }


.racist_hero { 
   -webkit-background-size: auto 100%;
   -moz-background-size: auto 100%;
   -o-background-size: auto 100%;
   background-size: auto 100%;
   background-position: center center;
    background-color: #ffffff;  
}


.home_hero { 
   -webkit-background-size: auto 100%;
   -moz-background-size: auto 100%;
   -o-background-size: auto 100%;
   background-size: auto 100%;
   height: 650px; 
   background-color: #ffffff;  

}

.psycho { display: block; }

.standard { background-color: #f8f8f8; background-size: cover; text-align: center; width: 100%; padding: 0px 0px; line-height: 1.5; overflow-x: hidden; }

.row { width: 80%; margin-left: 10%; padding: 50px 0 40px 0; clear: both; }
.row_white { width: 100%; background-color: #ffffff; }

a { color: #3498db; text-decoration: none; }

.counters { padding: 30px 4px; background-color: #ffffff; border: 1px solid #e8e8e8; overflow-x: hidden;  }
.the_roo { width: 100%; text-align: center; margin-top: 28px; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 0px; } 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.one, .two, .three, .half_one, .half_two { margin-bottom: 40px; background-color: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; } 

.one .embed-container, .two .embed-container, .three .embed-container { margin-bottom: 0px; } 

h2 { padding: 30px 0 10px 0; margin: 0; font-family: arial;font-size: 18px;  }
h3 { padding: 30px 0 30px 0; margin: 0; font-family: serif;font-size: 14px; color: #8f8f8f; font-style: italic; font-weight: normal; }

.one_vid { border: 1px solid #e8e8e8; background-color: #ffffff; }
.one_vid h2 { padding: 30px 0 30px 0; }
.row_title { width: 100%; text-align: center; margin-bottom: 40px; }
.row_title h2 { font-size: 36px; }



@media only screen and (min-width : 1001px) {

	.tleft { width: 65%; margin: 0 1.5% 0 0; float: left; }
	.right { width: 31%; margin: 0 0 0 1.5%; float: left; }

	.one { width: 31%; margin-right: 1.5%; float: left; }
	.two { width: 31%; margin: 0 1.5% 0 1.5%; float: left; }
	.three { width: 31%; margin-left: 1.5%; float: left; }	
	
	h2 { font-family: arial; font-size: 14px; text-align: center; }
        .racist_hero { background-image: url('../img/gebbet_banner_racist.jpg'); height: 500px;  }
        .banner { width: 42%; margin-top: 200px; float: right; margin-right: 8%; text-align: center;background-color: rgba(255,255,255,0.80); padding: 2%; }
        .half_one { width: 49%; margin-right: 2%; float: left; text-align: center; }
        .half_two { width: 49%; float: left; text-align: center;  }
        .the_content { width: 66%; margin-left: 17%; text-align: justify; margin-bottom: 30px; }
        
}


@media only screen and (min-width : 769px) and (max-width : 1000px) {



	.one { width: 31%; margin-right: 1.5%; float: left; }
	.two { width: 31%; margin: 0 1.5% 0 1.5%; float: left; }
	.three { width: 31%; margin-left: 1.5%; float: left; }	
	
	h2 { font-family: arial; font-size: 18px; text-align: center; }
	.home_hero { background-image: url('/img/tom_gebbett_uzalu_banner_tablet.jpg'); background-position: left bottom!important; padding-top: 100px;  }
        .banner { width: 40%; margin-right: 2%; float: right; text-align: center;background-color: rgba(255,255,255,0.80); padding: 2%; }	
        .half_one { width: 49%; margin-right: 2%; float: left; text-align: center; }
        .half_two { width: 49%; float: left; text-align: center;  }
        .the_content { width: 80%; margin-left: 10%; text-align: justify;margin-bottom: 30px; }
        .racist_hero { background-image: url('../img/gebbet_banner_racist.jpg'); height: 500px;  }
} 


@media only screen and (max-width : 768px) {
	
	.cleardiv { clear: both; }
	.home_hero { padding-top: 30px; }
         h2 { font-family: arial; font-size: 18px; text-align: center; }
	.banner { width: 92%; margin-left: 2%; text-align: center; }
       	.home_hero { background-image: url('/img/tom_gebbett_mobile.jpg');     background-position: center bottom!important; background-size: auto 300px!important; }
        .half_one { width: 96%; margin-left: 2%; text-align: center; }
        .half_two { width: 96%; margin-left: 2%; text-align: center;  }    	
        .the_content { width: 100%; text-align: justify;margin-bottom: 30px; }
        .racist_hero { background-image: url('../img/gebbet_banner_racist.jpg'); height: 375px;  }
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}


.wrapper {
	max-width: 100%;
	margin: 0;
	padding: 0 0px;
}

.youtube {
	background-color: #000;
	margin-bottom: 0px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.btn {
  -webkit-border-radius: 26;
  -moz-border-radius: 26;
  border-radius: 26px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}