/* @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:400,700); */

@font-face {
  font-family: 'din-bold';
  src: url('../fonts/DINPro-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DINPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/DINPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/DINPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'din-reg';
  src: url('../fonts/DINPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DINPro-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/DINPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/DINPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'din-med';
  src: url('../fonts/DINPro-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/DINPro-Medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/DINPro-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/DINPro-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}


html, body, ul, li, h1, h2, h3, h4, h5, h6, img, p {
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	letter-spacing: 0.2px;

}

h1, h2, h3, h4, h5, h6 {
	font-family:  sans-serif;
}

a img{
	border:none;
}

.opaque{
	opacity: 0.5;
}

.active-page{
	font-weight: normal;
	font-family: 'din-reg';
	font-size:14px;
	color:white;
	background: url('images/active.png') no-repeat center top;padding:31px 0px 3px 0px;
}	

#active-page{
	font-weight: normal;
	font-family: 'din-reg';
	font-size:14px;
	color:white;
	background: url('images/active.png') no-repeat center top;padding:31px 0px 3px 0px;
}


.verline{
	padding-left:10px;padding-right:10px;position:relative;top:31px;
}

#verline{
	padding-left:10px;padding-right:10px;position:relative;top:31px;
}

.menu-icon{
	margin-top:28px;
}

#menu-icon{
	margin-top:28px;
}

.menu-text{
	padding-right:10px;position:relative;top:31px;
	font-weight: normal;
	font-family: 'din-reg';
	font-size:14px;
	color:white;
}

#menu-text{
	padding-right:10px;position:relative;top:31px;
	font-weight: normal;
	font-family: 'din-reg';
	font-size:14px;
	color:white;
}

.container {
	max-width: 100%;
	margin: 0 auto;
	


}


.content-container{
	
	margin: 0 auto;
	margin-left: 30px;
	margin-right: 30px;
}

#nav-container{
	margin-left:30px;
	margin-right:30px;
}

.twitter-box{
	padding-top: 50px;
	padding-bottom: 50px;
	display:inline-block;
}

.video-content-container{
	
	margin: 0 auto;
	margin-left: 30px;
	margin-right: 30px;

}

.oovideo-container{
	width: 100%;
	height: 100%;
	margin 0 auto;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	
	

}
.video-container {
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
	background-color: #000000;

}


.video-wrapper2 {
	width: 1280px;
	max-width: 100%;
	
}

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

}


.video-thumbnail-container{
	width: 100%;
	height: 100px;
	margin 0 auto;
	position: fixed; 
    top: 420px; 
    border:0px solid green;
    display: none;
	
}

.thumb-overlay-old{
	border:0px solid green;
	height:100px;
	position: relative;
	top: 600px;
	left: 0;
	width:100%;
	margin 0 auto;
	display: inline-block;
}


.thumb-overlay{
  overflow: hidden;
  border:0px solid green;
  position: absolute;
  top: 63%;
  left: 12%;
  right: 12%;
  bottom: 30%; 
  height:236px;
  xmargin-left:29%;

}


.thumb-overlay-closed{
  overflow: hidden;
  border:0px solid green;
  position: absolute;
  top: 84%;
  left: 12%;
  right: 12%;
  bottom: 30%; 
  height:76px;

}

.section-thumbnails{
	width:100%;
	height:150px;
	border:0px solid green;
	margin 0 auto;
}

.twitter-container{
	max-width: 1200px;
	margin: 0 auto;
	margin-left: 0px;
	margin-right: 0px;
}


.footer{
	background-color: #242424;
	height: 76px;
	
}

.footer span{
	display:block;
	text-align: center;
	padding-top:30px;
	color:white;
	font-family: 'din-reg';
	font-style: normal;
	font-size:14px;
}

.footer a{
	color:white;
	
}


.parent-container{
	width: 100%;
	position: absolute;
	xtop: 8%;
	top: 76px;
	display: inline-block;
	z-index:1;

}

.vido{
	position: absolute;
    top: 0;
    left: 0;
}

/*--------- MAIN NAVIGATION ************/

.floater {
    
    width:100%;
    position:fixed;
    
    z-index:9999;
}


nav{
	background-color: #000000;
	height: 76px !important;
	xopacity: 0.80;
	

}

menu-icon{
  display:none;
  padding-bottom:40px;

}

.menu-list{
	display: none;
	width:0;
	list-style: none;
	float:right;

}

.menu-list li{
	float: left;
	
}

.menu-list li a{
	color: white;
	text-decoration: none;
}

.active-list{
	visibility: hidden;
	width:0;
	list-style: none;

}

.active-list li{
	float: left;
	
}


.active-list li a{
	color: white;
	text-decoration: none;
}



#xactive-page{
	padding-right:10px;position:relative;top:23px;
}

.xactive-page{
	background: url('images/active.png') no-repeat left top;
	padding:13px 0px 3px 10px;
	
}


.alt-navi{
	list-style: none;

}

.alt-navi li{
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	font-family: 'din-reg';
}

.alt-navi li a{
	color: white;
	text-decoration: none;
}

#nav-list-1{
		display: block;
	}

#nav-list-1 li{
	padding-top:26px;
}	

#nav-list-2{
		display: none;
	}

.nav-list, .social-list, .moods-list {
	list-style: none;

}

.nav-list li, .social-list li, .moods-list li{
	float: left;
}

.nav-list li a{
	color: white;
	text-decoration: none;
}

.nav-list{
	padding-top: 0px;
	float: right;
}

.nav-list li{
	margin-left: 10px;
	margin-right: 10px;
	xpadding-top:26px;
	float: right;
	font-family: 'din-reg';
	font-size:15px;
}

.nav-list a{
	font-size:15px;
}


.social-list{
	float: right;
	margin-top: 25px;
}

.social-list li{
	margin-left: 10px;
}

.moods-list{
	float: left;
	padding-top: 20px;
}

/* ------------------------- */

.section-word{
	background-color: #fdc400;
}

.section-play{
	background: url('../images/section2.jpg') center center no-repeat;
	background-color: #5b2712;
	xbackground-size: 100% auto;
	xbackground-position: center top;
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: cover;

}

.section-roy{
	background-color: #c62329;
}


.section-list{

	list-style: none;

}

.section-list li{

	width: 33.3333%;
	min-height: 350px;
	height:auto;
	float: left;
	
	box-sizing: border-box;
	text-align: center;
	padding-top: 30px;
	padding-bottom:20px;

}

.section-list li:last-child {
	xborder-right: 1px solid white;
}


.section-roy-container{
	padding-left: 40px;
	text-align: left;
	padding-right:30px;

}


/*------------------------------*/
.twitter-section{
	background-color: #000000;
	xxbackground-color: #c4262f;
	dxisplay:inline-block;

}

.tweets-container{
	max-width: 1280px;
}


.roytweets{
  display:inline-block;
  margin-top:20px;
  min-height: 200px;
  xmin-width: 1200px;

}

.roytweets ul li {
  list-style:none;
  overflow:hidden;
  border:0px solid #dedede;
  margin:0px;
  padding:0px;
}


.roytweets ul li:hover {
  xbackground-color:#f0f3fb;
}


.user span span span {
  width:100px;
  display:block;
  margin-top:10px;
}


.user, .tweet, .timePosted {
  float:left;
}

.user {
  width:100%;
 }

.tweet {
  width:100%;
  font-weight: normal;
  font-size: 16px;
  font-family: 'din-reg';
  color: white;
  

}

.timePosted {
  width:15%;
}

.user {
  clear:left;
}

.user a {
 width: 100px;
}

.user span span {
  xwidth:100px;
  display:block;
  xmargin-top:10px;
}

.user img, .user a > span {
  float:left;
}

.interact {
  float:left;
  width:10%;
  margin-top:-7px;
}

.interact a {
  margin-left:5px;
  float:left;
}

.user a > span {
  margin-left:10px;
  xmargin-left:21px;
  margin-top: -5px;
}

.media img {
  max-width:250px;
  max-height:250px;
}

#linkage {
  position:fixed;
  top:0px;
  right:0px;
  background-color:#3d3d3d;
  color:#ffffff;
  text-decoration:none;
  padding:5px;
  width:10%;
  font-family:arial;
}

.tweet-content{
 margin-left:58px;
 float:left;
 position:relative;
 top: -18px;


}

.dot-test{
	list-style-type: circle;
	display:inline-block;
}

.twitter-dot-image{
	padding-left: 7px;
	padding-right:7px;
	margin-top:9px;
}

.twitter-dot{
  margin-left:5px;
  margin-right:5px;

}

.twitter-screenname{
  font-weight: normal;
  font-size: 20px;
  font-family: 'din-med';
  color: #6fcff3;
}

.twitter-handle{
  font-weight: normal;
  font-size: 20px;
  font-family: 'din-reg';
  color: white;
}

.tweet .twitter-hashtag{
  text-decoration: underline;
}

.tweet a:link{
	text-decoration: underline;
}

.twitter-day{
  font-weight: normal;
  font-size: 16px;
  font-family: 'din-reg';
  color: white;
  margin-top:-1px;
  display:block;

}

.tweet a {
  text-decoration: none;
  color: white;
}




/*-------- --------------------*/


/*--------------------------*/

.thumb-list-small{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border-top: 1px solid white;
	

}

.thumb-list-small li{
	display: inline-block;
	text-align: center;

}

.ori-thumb-list li{
	display: inline-block;
	text-align: center;

}

.thumb-list-small h3{
	font-weight: normal;
	font-size: 14px;
	font-family: 'din-reg';
	color: white;
}

.thumb-section{
		background-color:#000000;
		visibility:hidden;
		display:none;

	}


/* -------------THUMBNAILS---------------- */


.thumb-list{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;


}


#thumb-list{
	xdisplay:inline-block;
}

.fix-width{
	display:inline-block;
}

.thumb-list li{
	display: inline-block;
	text-align: center;

}

.ori-thumb-list{
	list-style: none;
	display: table;
	width: 100%;
	padding-bottom:20px;
	border-top:1px solid white;

}

.ori-thumb-list h3{
		font-weight: normal;
		font-size: 14px;
		font-family: 'din-reg';
		color: white;
}

.ori-thumb-list li{
	float: left;
	width: 33.33%;
	text-align: center;
	padding:0px;

}

.thumb-list h3{
	font-weight: normal;
	font-size: 15px;
	font-family: 'din-reg';
	color: white;
}

.thumb-content{
	xdisplay:inline-block;
	xdisplay:block;
}

.thumb-content li{
	list-style: none;
}

.thumb-header{
	xmargin-right: 25%;
	xmargin-left: 25%;
	text-align: center;
	cursor: pointer;
}

.thumb-header h3{
	font-weight: normal;
	font-size: 19px;
	font-family: 'din-reg';
	color: white;
}

.thumb-header a{
	text-decoration: none;
	color:#ea5b2a;font-family:din-bold;font-size:26px;
}

.thumb-header h2{
	text-decoration: none;
	color:#ea5b2a;
	font-family:din-bold;
	font-size:27px;
}

.thumb1{
 xbackground-image: url('../images/thumbtmp.jpg');
 xwidth:231px;
 max-width:100%;
 height:130px;
 border:0;
}


.thumb2{
 xbackground-image: url('../images/thumbtmp_small.jpg');
 width:180px;
 height:101px;
 border:0;
}


/*---------------- TWITTER ----------------*/





/*-------------------------*/
.section-roy-container h5{
	font-weight: normal;
	font-size: 14px;
	font-family: 'din-reg';
	color:white;
}

.section-roy-container h3{
	font-weight: normal;
	font-size: 24px;
	font-family: 'din-bold';
	color:white;
}

.section-roy-container h2{
	font-weight: normal;
	font-size: 24px;
	font-family: 'din-reg';
	color:white;
}

.section-roy-container h2 > b{
	color:#fddb74;
}

.section-roy-container .header-section-3 .bold {
	font-family: 'din-bold';
}

.header-section-1{
	width:100%;font-family:din-bold;
}

.section-roy-container .header-section-2 h3{
	font-weight: normal;
	font-size: 28px;
	font-family: 'din-bold';
 
}

.section-roy-container .header-section-1a{
	float:left;padding-top:30px;padding-right:20px;
}


.header-section-2a{

	float:left;padding-top:30px;
}

.section-roy-container .header-section-2a h3{
	font-weight: normal;
	font-size: 24px;
	font-family: 'din-reg';
	color: #ea5b2a;
}

.section-roy-container .header-section-2a span h3{
	font-weight: normal;
	font-size: 18px;
	font-family: 'din-reg';
	color: white;
	
}


.section-roy-container .header-section-3 h3{
	font-weight: normal;
	font-size: 20px;
	font-family: 'din-reg';
	color: white;
}

.header-section-3 div{
	float:left;width:80%
}

.header-section-3 .header-section-3-body{
	width:20%;float:right;
}

.header-section-3a div{
	float:left;
	padding-top:20px;
}

.header-section-3a .header-section-3a-body{
	float:left;padding-top:10px;
}

.header-section-3a{
	padding-right:70px;
	padding-top:20px;
}


.section-roy-container .header-section-3a h3{
	font-weight: normal;
	font-size: 18px;
	font-family: 'din-reg';
	color: white;
}

.header-section-a{
	font-weight: normal;
	font-size: 28px;
	font-family: 'din-bold';
	color: white;
}

.twitter-box h3{
	font-weight: normal;
	font-size: 16px;
	font-family: 'din-reg';
	color: white;
}

.twitter-box h2{
	font-weight: normal;
	font-size: 28px;
	font-family: 'din-med';
	color: white;
}

.twitter-box-header{
	float:left;
}

.twitter-bird{
	float:left;padding-top:3px;padding-left:20px;
}

.twitter-break{
	float:right;width:100%;padding-top:20px;padding-bottom:20px;
}


.sp{
	padding:10px;
}



/* ----------- CLEARFIX -------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* ---------------- RESPONSIVE --------------- */

@media (max-width: 1097px) {
	.header-section-3a{
			padding-right: 50px;
			padding-top: 20px;
	}

}

@media (max-width: 1035px) {
	.header-section-3a{
			padding-right: 35px;
			padding-top: 20px;
	}

}


@media (max-width: 899px) {
	.content-container { xpadding: 0 10px; }

	.section-list {
		margin: 0 0px;
		padding: 0;
		width: 100%
	}


}

@media(max-width: 1440px){

	.thumb1{
		 max-width:100%;
		 height:140px;
		 border:0;

	}

	.content-container{
		margin: 0 auto;
		margin-left: 50px;
		margin-right: 50px;
	}



}

@media(max-width: 1325px){

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 60%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:244px;
	  xmargin-left:29%;
}


	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 84%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:76px;

	}


}


@media (max-width: 1244px) {

	.content-container{
		margin: 0 auto;
		margin-left: 30px;
		margin-right: 30px;
	}

	.section-play{
		background: url('../images/section2.jpg') center center no-repeat;
		background-color: #5b2712;
		xbackground-size: 100% auto;
		background-position: center top;
		background-repeat: no-repeat;
		background-position: 100%;
		background-size: cover;
   }

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  xmargin-left:28%;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 85%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;

	}


   .thumb-header h2{
	text-decoration: none;
	color:#ea5b2a;
	font-family:din-bold;
	font-size:25px;
	}

	.thumb-header h3{
	font-weight: normal;
	font-size: 17px;
	font-family: 'din-reg';
	color: white;
}

}


@media (max-width: 1158px) {

	.section-play{
		background: url('../images/section2.jpg') center center no-repeat;
		background-position: 100%;
		background-size: cover;
   }



	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 58%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  xmargin-left:27%;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 84%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;

	}

	.thumb1{
		 max-width:100%;
		 height:130px;
		 border:0;

	}


   .thumb-header h2{
	text-decoration: none;
	color:#ea5b2a;
	font-family:din-bold;
	font-size:24px;
	}

	.thumb-header h3{
	font-weight: normal;
	font-size: 16px;
	font-family: 'din-reg';
	color: white;
}

}


@media (max-width: 1070px) {

	.section-play{
		background: url('../images/section2.jpg') center center no-repeat;
		background-position: 100%;
		background-size: cover;
    }

	#overlay{
				background:url('images/overlay.png') no-repeat 50% 50%;
				width:135px;
				height:102px;
				position:absolute;
				margin-left:0px;
				margin-top:0px;
				display:block;
				border:0px solid red;
			}

	.overlay{
				background:url('images/overlay.png') no-repeat 50% 50%;
				width:135px;
				height:102px;
				position:absolute;
				margin-left:0px;
				margin-top:0px;
				display:block;
				border:0px solid red;
			}

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 58%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  xmargin-left:30%;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 84%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;

	}

	.thumb1{
		 max-width:100%;
		 height:122px;
		 border:0;

	}


	.thumb-header h2{
	text-decoration: none;
	color:#ea5b2a;
	font-family:din-bold;
	font-size:23px;
	}

	.thumb-header h3{
	font-weight: normal;
	font-size: 13px;
	font-family: 'din-reg';
	color: white;
}
	
	.thumb-list h3{
	font-weight: normal;
	font-size: 13px;
	font-family: 'din-reg';
	color: white;
}	

   .twitter-screenname{
	  font-weight: normal;
	  font-size: 18px;
	  font-family: 'din-med';
	  color: #6fcff3;
	}

	.twitter-handle{
	  font-weight: normal;
	  font-size: 18px;
	  font-family: 'din-reg';
	  color: white;
	}

	.twitter-hashtag{
	  text-decoration: underline;
	}

	.twitter-day{
	  font-weight: normal;
	  font-size: 14px;
	  font-family: 'din-reg';
	  color: white;
	  margin-top:-1px;
	}


	.tweet {
	  width:100%;
	  font-weight: normal;
	  font-size: 14px;
	  font-family: 'din-reg';
	  color: white;
	 
	}

	.tweet-content{
	 margin-left:58px;
	 float:left;
	 position:relative;
	 top: -18px;
	}

	.twitter-box h3{
	font-weight: normal;
	font-size: 14px;
	font-family: 'din-reg';
	color: white;
  }

  .twitter-box h2{
	font-weight: normal;
	font-size: 26px;
	font-family: 'din-med';
	color: white;
 }

.ori-thumb-list h3{
		font-weight: normal;
		font-size: 13px;
		font-family: 'din-reg';
		color: white;
}

}


@media (max-width: 999px) {

	.nav-list li{
		font-size:14px;
	}

	.nav-list a{
		font-size:14px;
	}

	.section-play{
		background: url('../images/section2.jpg') center center no-repeat;
		background-position: 100%;
		background-size: cover;
    }



	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 58%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  xmargin-left:30%;
	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 84%;
	  left: 13%;
	  right: 11%;
	  bottom: 30%; 
	  height:236px;

	}

	.thumb1{
		 max-width:100%;
		 height:112px;
		 border:0;

	}

	.thumb-header h2{
		font-size:21px;
	}

	.thumb-header h3{
		font-size: 12px;
	}
	
	.thumb-list h3{
	font-size: 12px;
	
	}	


.section-roy-container .header-section-3 h3{
	font-weight: normal;
	font-size: 19px;
	font-family: 'din-reg';
	color: white;
}	

.section-roy-container .header-section-3a h3{
	font-weight: normal;
	font-size: 17px;
	font-family: 'din-reg';
	color: white;
}


.section-roy-container .header-section-2 h3{
	font-weight: normal;
	font-size: 27px;
	font-family: 'din-bold';
 
}

.section-roy-container .header-section-2a h3{
	font-weight: normal;
	font-size: 23px;
	font-family: 'din-reg';
	color: #ea5b2a;
}

.section-roy-container .header-section-2a span h3{
	font-weight: normal;
	font-size: 17px;
	font-family: 'din-reg';
	color: white;
	
}

.section-roy-container h3{
	font-weight: normal;
	font-size: 23px;
	font-family: 'din-bold';
}

.section-roy-container h2{
	font-weight: normal;
	font-size: 23px;
	font-family: 'din-reg';
}

.section-roy-container h5{
	font-weight: normal;
	font-size: 13px;
	font-family: 'din-reg';
}


}




@media (max-width: 949px) {


	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 57%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  xmargin-left:28%;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 84%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  
	}

	.thumb1{
		
		 max-width:100%;
		 height:108px;
		 border:0;

	}


	.thumb-header h2{
		font-size:21px;
	}

	.thumb-header h3{
		font-size: 12px;

	}
	
	.thumb-list h3{
		font-size: 12px;
	}	


.section-roy-container .header-section-3 h3{
	font-size: 18px;
}	

.section-roy-container .header-section-3a h3{

	font-size: 16px;
}


.section-roy-container .header-section-2 h3{
	font-size: 26px;

}

.section-roy-container .header-section-2a h3{
	font-size: 22px;
	color: #ea5b2a;
}

.section-roy-container .header-section-2a span h3{
	font-size: 16px;

}

.section-roy-container h3{
	font-size: 22px;
}

.section-roy-container h2{
	font-size: 22px;
}

.section-roy-container h5{
	font-size: 12px;
}


}




@media (max-width: 900px) {

	.section-play{
		background: url('../images/section2.jpg') center center no-repeat;
		background-position: 100%;
		background-size: cover;
    }

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 57%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  xdisplay: none;
	  xmargin-left:27%;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 83%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  xdisplay: none;
	}

	.thumb-section{
		xbackground-color:#000000;
		xvisibility:visible;
		xdisplay: block;
	}

	.thumb1{
		 max-width:100%;
		 height:97px;
		 border:0;

	}


	.twitter-screenname{
	  font-size: 17px;
	 }

	.twitter-handle{
	  font-size: 17px;
	 }

	.twitter-hashtag{
	  text-decoration: underline;
	}

	.twitter-day{
	  font-size: 14px;
	 }


	.tweet {
	  font-size: 14px;
	 
	}

	.tweet-content{
		 margin-left:58px;
		 float:left;
		 position:relative;
		 top: -18px;
	}

	.twitter-box h3{
		font-size: 14px;
	
  	}

  .twitter-box h2{
	font-size: 26px;
  }

  .thumb-header h2{
		font-size:19px;
	}

	.thumb-header h3{
		font-size: 12px;

	}
	
	.thumb-list h3{
		font-size: 11px;
	}	


}

@media (max-width: 880px) {


    #nav-list-1{
		display: none;
	}

	#nav-list-2{
		display: none;
	}

	.nav-list{
		display: block;
		background-color: #000000;
		width:21%;
		padding:10px;
		margin-top:76px;
		margin-right:-213px;
		padding-bottom:0;
		position:absolute;
		right:213px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		font-family: 'din-reg';
		display: block;
		float: none;
		margin-bottom: 20px;
		margin-left: 7px;
		margin-right:7px;
		text-align: center;
	}

	.social-list{
		display: none;
		width:0;
	}

	.menu-list{
		display: block;
		width: auto;

	}

	.active-list{
		display: block;
		width: auto;
	}

	.menu-icon{
		display: block;
		cursor: pointer;
	}

}


@media (max-width: 850px) {

	.nav-list{
		width:21%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
		right:194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		float: none;
		margin-bottom: 15px;
		margin-left: 5px;
		margin-right:5px;
	}

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		
		 max-width:100%;
		 height:154px;
	
	}

.section-roy-container .header-section-3 h3{
	font-size: 16px;
}	

.section-roy-container .header-section-3a h3{
	font-size: 14px;
}


.section-roy-container .header-section-2 h3{
	font-size: 24px;
 
}

.section-roy-container .header-section-2a h3{
	font-size: 20px;
	color: #ea5b2a;
}

.section-roy-container .header-section-2a span h3{
	font-size: 14px;
	
}

.section-roy-container h3{
	font-size: 20px;
}

.section-roy-container h2{
	font-size: 20px;
}

.section-roy-container h5{
	font-size: 11px;
}



}

@media (max-width: 844px) {

	.nav-list{
		width:21%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 15px;
		margin-left: 5px;
		margin-right:5px;
	}

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		
		 max-width:100%;
		 height:152px;
	}

.section-roy-container .header-section-3 h3{
	font-size: 16px;
}	

.section-roy-container .header-section-3a h3{
	font-size: 14px;

}


.section-roy-container .header-section-2 h3{
	font-size: 24px;
 
}

.section-roy-container .header-section-2a h3{
	font-size: 20px;
	color: #ea5b2a;
}

.section-roy-container .header-section-2a span h3{
	font-size: 14px;
	
}

.section-roy-container h3{
	font-size: 20px;
}

.section-roy-container h2{
	font-size: 20px;
}

.section-roy-container h5{
	font-size: 11px;
}



}


@media (max-width: 801px) {

   .section-play{
	background: url('../images/section2_horiz.jpg') center center no-repeat;
	background-color: #5b2712;
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: cover;
	

   }

	#nav-list-1{
		display: none;
	}

	#nav-list-2{
		display: none;
	}


	.nav-list{
		width:21%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 15px;
		margin-left: 5px;
		margin-right:5px;
	}


	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		
		 max-width:100%;
		 height:142px;
	}

	.twitter-screenname{
	  font-size: 17px;
	  
	}

	.twitter-handle{
	   font-size: 17px;
	  }

	.twitter-hashtag{
	  text-decoration: underline;
	}

	.twitter-day{
	  font-size: 13px;
	 }


	.tweet {
	  font-size: 13px;
	  
	}

	.section-list li{

		width: 100%;
		min-height: 258px;
		height:auto;
		float: left;
		
		box-sizing: border-box;
		text-align: center;
		padding-top: 30px;

   }

.section-roy-container .header-section-3 h3{
	font-size: 18px;
}	

.section-roy-container .header-section-3a h3{
	font-size: 16px;
}


.section-roy-container .header-section-2 h3{
	font-size: 26px;
 
}

.section-roy-container .header-section-2a h3{
	font-size: 22px;
	color: #ea5b2a;
}

.section-roy-container .header-section-2a span h3{
	font-size: 16px;
	
}

.section-roy-container h3{
	font-size: 22px;
}

.section-roy-container h2{
	font-size: 22px;
}

.section-roy-container h5{
	font-size: 12px;
}

.header-section-3a div{
	float: left;
	padding-top:20px;
	width: 45%;
	padding-right: 10px;
}

.header-section-3a .header-section-3a-body{
	float: right;
	padding-top: 20px;
	width: 44%;
	padding-left: 10px;
}


}



@media screen and (max-width: 768px) {

	#nav-list-1{
		display: none;
	}

	#nav-list-2{
		display: none;
	}

	.nav-list{
		width:21%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 20px;
		margin-left: 3px;
		margin-right:3px;
		text-align: center;
		counter-increment: li -1;
	}


	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		 max-width:100%;
		 height:138px;
	}

	.twitter-screenname{
	  font-size: 16px;
	 }

	.twitter-handle{
	  font-size: 16px;
	 
	}

	.twitter-hashtag{
	  text-decoration: underline;
	}

	.twitter-day{
	  font-size: 12px;
	 }


	.tweet {
	  font-size: 13px;
	   
	}

	.section-list li{

		width: 100%;
		min-height: 249px;
		height: auto;
		float: left;
		
		box-sizing: border-box;
		text-align: center;
		padding-top: 30px;

}


.header-section-2a{

	float:left;padding-top:15px;
}


}

@media screen and (max-width: 700px) {

	.section-play{
		background: url('../images/section2_horiz.jpg') center center no-repeat;
		background-repeat: no-repeat;
		background-position: 100%;
		background-size: cover;
	 }

	.twitter-dot-image{
		margin-top:6px;
	}

	#nav-list-1{
		display: none;
	}

	#nav-list-2{
		display: none;
	}

	.nav-list{
		width:23%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 20px;
		margin-left: 1px;
		margin-right:1px;
	}


	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		
		 max-width:100%;
		 height:125px;
	}

	.twitter-screenname{
	  font-size: 16px;
	 }

	.twitter-handle{
	  font-size: 16px;
	 }

	.twitter-hashtag{
	  text-decoration: underline;
	}

	.twitter-day{
	  font-size: 12px;
	  margin-top:0px;
	}


	.tweet {
	  font-size: 13px;
	   
	}

	.section-list li{

		width: 100%;
		min-height: 180px;
		height:auto;
		float: left;
		
		box-sizing: border-box;
		text-align: center;
		padding-top: 30px;

}

.section-roy-container .header-section-3 h3{
	font-size: 18px;
}	

.section-roy-container .header-section-3a h3{
	font-size: 16px;
}


.section-roy-container .header-section-2 h3{
	font-size: 26px;
 
}

.section-roy-container .header-section-2a h3{
	font-size: 22px;
}

.section-roy-container .header-section-2a span h3{
	font-size: 16px;
	
}

.section-roy-container h3{
	font-size: 22px;
}

.section-roy-container h2{
	font-size: 22px;
}

.section-roy-container h5{
	font-size: 12px;
}

.header-section-3a div{
	float: left;
	padding-top:20px;
	width: 45%;
	padding-right: 10px;
}

.header-section-3a .header-section-3a-body{
	float: right;
	padding-top: 20px;
	width: 44%;
	padding-left: 10px;
}

.header-section-2a{

	float:left;padding-top:15px;
}


}


@media (max-width: 640px) {

	.twitter-dot-image{
		margin-top:6px;
	}

	.twitter-day{
		margin-top:0px;
	}

	#nav-list-1{
		display: none;
	}

	#nav-list-2{
		display: none;
	}

	.nav-list{
		width:27%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 18px;
		margin-left: 6px;
		margin-right:6px;
	}

	.nav-list a{
	font-size:13px;
  }

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		 max-width:100%;
		 height:105px;
	}

	.section-roy-container .header-section-1a{
	float:left;padding-top:23px;padding-right:20px;
    }




}


@media (max-width: 600px) {

	.section-play{
		background: url('../images/section2_horiz.jpg') center center no-repeat;
		background-position: 100%;
		background-size: cover;
   }

   

	.content-container{
		margin: 0 auto;
		margin-left:28px;
		margin-right:28px;

	}

	.footer span{
		font-size:12px;
	}

	.twitter-dot-image{
		margin-top:6px;
	}

	.twitter-day{
		margin-top:0px;
	}

	#nav-list-1{
		display: none;
	}

	#nav-list-2{
		display: none;
	}

	.nav-list{
		width:27%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 18px;
		margin-left: 6px;
		margin-right:6px;
	}

	.nav-list a{
	font-size:13px;
  }

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		
		 max-width:100%;
		 height:105px;
	}

	.section-roy-container .header-section-1a{
	float:left;padding-top:23px;padding-right:20px;
}
	
	.twitter-screenname{
	  font-size: 15px;
	 }

	.twitter-handle{
	  font-size: 15px;
	 }

	.twitter-hashtag{
	  text-decoration: underline;
	}

	.twitter-day{
	  font-size: 11px;
	  margin-top:0px;
	}


	.tweet {
	  font-size: 12px;
	 }

	.tweet-content{
	 margin-left:58px;
	 float:left;
	 position:relative;
	 top: -18px;
	}



}

@media (max-width: 501px) {

	.section-play{
		background: url('../images/section2_horiz.jpg') center center no-repeat;
		background-position: 100%;
		background-size: cover;

   }


	.nav-list{
		width:29%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 18px;
		margin-left: 6px;
		margin-right:6px;
	}

}


@media (max-width: 480px) {

	.content-container{
		margin: 0 auto;
		margin-left:28px;
		margin-right:28px;

	}

	.footer span{
		font-size:10px;
	}


	.user a > img{
		height:38px;
		width:38px;
	}

	.user a > span{
		margin-left:17px;
		margin-top:-4px;
	}

	.twitter-dot-image{
		margin-top:6px;
	}

	.twitter-screenname{
		font-size:15px;
	}

	.twitter-handle{
		font-size:15px;
	}

	.tweet-content{
	 margin-left: 54px;
	 top: -14px;
	
	}

	.tweet{
		font-size:12px;
	}

	.twitter-day{
		margin-top:1px;
	}

	#nav-list-1{
		display: none;
	}

	#nav-list-2{
		display: none;
	}


	.nav-list{
		width:30%;
		padding:13px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 14px;
		margin-left: 10px;
		margin-right:8px;
	}

	.nav-list a{
	font-size:12px;
  }

	.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		 max-width:100%;
		 height:95px;
	}

.ori-thumb-list h3{
		font-weight: normal;
		font-size: 11px;
		font-family: 'din-reg';
		color: white;
}

.section-roy-container{
	padding-left: 27px;
	text-align: left;
	padding-right: 27px;

}

	.section-list li{

		width: 100%;
		min-height: 200px;
		height:auto;
		float: left;
		
		box-sizing: border-box;
		text-align: center;
		padding-top: 18px;

}


}

@media (max-width: 463px) {


	.nav-list{
		width:30%;
		padding:10px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 14px;
		margin-left: 11px;
		margin-right:8px;
	}

	.nav-list a{
	font-size:12px;
  }

.section-roy-container .header-section-3 h3{
	font-size: 17px;
}	

.section-roy-container .header-section-3a h3{
	font-size: 15px;
}


.section-roy-container .header-section-2 h3{
	font-size: 25px;
 
}

.section-roy-container .header-section-2a h3{
	font-size: 21px;
}

.section-roy-container .header-section-2a span h3{
	font-size: 15px;
	
}

.section-roy-container h3{
	font-size: 21px;
	font-family: 'din-bold';
}

.section-roy-container h2{
	font-size: 21px;
}

.section-roy-container h5{
	font-size: 11px;
}

.header-section-3a div{
	float: left;
	padding-top:20px;
	width: 45%;
	padding-right: 10px;
}

.header-section-3a .header-section-3a-body{
	float: right;
	padding-top: 20px;
	width: 44%;
	padding-left: 10px;
}

}


@media (max-width: 437px) {

	.content-container{
		margin: 0 auto;
		margin-left:27px;
		margin-right:27px;

	}

	.nav-list{
		width:32%;
		padding:7px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 14px;
		margin-left: 11px;
		margin-right:8px;
	}

	.nav-list a{
	font-size:12px;
  }

.section-roy-container .header-section-3 h3{
	font-size: 16px;
}	

.section-roy-container .header-section-3a h3{
	font-size: 14px;
}


.section-roy-container .header-section-2 h3{
	font-size: 24px;
}

.section-roy-container .header-section-2a h3{
	font-size: 20px;
}

.section-roy-container .header-section-2a span h3{
	font-size: 14px;
	
}

.section-roy-container h3{
	font-size: 20px;
}

.section-roy-container h2{
	font-size: 20px;
}

.section-roy-container h5{
	font-size: 10px;
}

.header-section-3a div{
	float: left;
	padding-top:20px;
	width: 45%;
	padding-right: 4px;
}

.header-section-3a .header-section-3a-body{
	float: right;
	padding-top: 20px;
	width: 44%;
	padding-left: 4px;
}


#nav-container{
	margin-left:20px;
	margin-right:20px;
}

	#active-page{
		font-size:13px;
	}

	#menu-text{
		font-size:13px;
	}


}


@media (max-width: 400px) {

.content-container{
		margin: 0 auto;
		margin-left:22px;
		margin-right:22px;

	}

.user a > span{
	margin-left: 12px;
}	

.tweet-content{
	margin-left:50px;
}


}


@media (max-width:384px){


.content-container{
		margin: 0 auto;
		margin-left:22px;
		margin-right:22px;

	}

.twitter-screenname{
	font-size:14px;
}	

.twitter-handle{
	font-size:14px;
}

.nav-list{
		width:39%;
		padding:7px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 14px;
		margin-left: 11px;
		margin-right:8px;
	}

  .nav-list a{
	font-size:12px;
  }

	#active-page{
		font-size:12px;
	}

	#menu-text{
		font-size:12px;
	}
  


}


@media (max-width:360px){


	.content-container{
		margin: 0 auto;
		margin-left:20px;
		margin-right:20px;

	}


	.user a > span{
		margin-left: 11px;
		margin-top:-3px;
	}

	.twitter-screenname{
		font-size:13px;
	}	

	.twitter-handle{
		font-size:13px;
	}

.nav-list{
		width:42%;
		padding:7px;
		margin-top:76px;
		margin-right:-194px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 14px;
		margin-left: 11px;
		margin-right:8px;
	}

	.nav-list a{
	font-size:12px;
  }



}

@media(max-width:356px){
	#nav-container{
		margin-left:15px;
		margin-right:15px;
	}
}

@media(max-width:346px){
	#nav-container{
		margin-left:10px;
		margin-right:10px;
	}
}

@media(max-width:336px){
	#nav-container{
		margin-left:7px;
		margin-right:7px;
	}
}

@media(max-width:330px){
	#nav-container{
		margin-left:6px;
		margin-right:6px;
	}
}


@media (max-width:320px){


.content-container{
		margin: 0 auto;
		margin-left:12px;
		margin-right:12px;

	}

.user a > span{
	margin-top:-2px;
	margin-left:8px;
}

#nav-list-1{
		display: none;
	}

#nav-list-2{
		display: none;
	}

.nav-list{
		width:40%;
		padding:6px;
		margin-top:76px;
		margin-right:-194px;
		padding-bottom:7px;
	}

	.nav-list-ori{
		display: none;
		background-color: #aaa;
		width:100%;
		padding:10px;
		margin-top:2px;
		margin-right:-30px;
		padding-bottom:0;
	}

	.nav-list li{
		margin-bottom: 4px;
		margin-left: 7px;
		margin-right:7px;
	}

	.nav-list a{
	font-size:11px;
  }

.thumb-overlay{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 59%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;

	}

	.thumb-overlay-closed{
	  overflow: hidden;
	  border:0px solid green;
	  position: absolute;
	  top: 81%;
	  left: 12%;
	  right: 12%;
	  bottom: 30%; 
	  height:236px;
	  display: none;
	}

	.thumb-section{
		background-color:#000000;
		visibility:visible;
		display: block;
	}

	.thumb1{
		 max-width:100%;
		 height:95px;
	}

	.thumb-list-small h3{
		font-weight: normal;
		font-size: 1px;
		font-family: 'din-reg';
		color: white;
}

.ori-thumb-list h3{
		font-weight: normal;
		font-size: 8px;
		font-family: 'din-reg';
		color: white;
}


.twitter-screenname{
	  font-size: 12px;
	}

	.twitter-handle{
	  font-size: 12px;
	}

	.twitter-hashtag{
	  text-decoration: underline;
	}

	.twitter-day{
	  font-size: 10px;
	  margin-top:0px;
	}

	.twitter-dot-image{
		margin-top:3px;
	}
	.tweet {
	  font-size: 11px;
	 	 
	}

	.tweet-content{
		margin-left:47px;
	}

	.section-list li{

		width: 100%;
		min-height: 180px;
		height:auto;
		float: left;
		
		box-sizing: border-box;
		text-align: center;
		padding-top: 30px;

}

.section-roy-container .header-section-3 h3{
	font-size: 13px;
}	

.section-roy-container .header-section-3a h3{
	font-size: 11px;
}


.section-roy-container .header-section-2 h3{
	font-size: 21px;
 
}

.section-roy-container .header-section-2a h3{
	font-size: 17px;
}

.section-roy-container .header-section-2a span h3{
	font-size: 11px;

}

.section-roy-container h3{
	font-size: 17px;
}

.section-roy-container h2{
	font-size: 17px;
}

.section-roy-container h5{
	font-size: 11px;
}

.header-section-2a{

	float:left;padding-top:15px;
}

.section-roy-container{
	xpadding-left: 14px;
	xtext-align: left;
	xpadding-right: 16px;

}

.header-section-3a div{
	float: left;
	padding-top:20px;
	width: 45%;
	padding-right: 1px;
}

.header-section-3a .header-section-3a-body{
	float: right;
	padding-top: 20px;
	width: 44%;
	padding-left: 1px;
}



.verline{
	padding-left:10px;padding-right:10px;position:relative;top:31px;
}

#verline{
	padding-left:10px;padding-right:10px;position:relative;top:31px;
}

.menu-icon{
	margin-top:28px;
}

#menu-icon{
	margin-top:28px;
}






#nav-container{
	margin-left:5px;
	margin-right:5px;
}

.nav-list a{
	font-size:11px;
  }

	#active-page{
		font-size:11px;
	}



}



/* --------------------------------- */

.testul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.testul li{
	display: inline-block;
	text-align: center;
}

.testul h3{
	font-weight: normal;
	font-size: 14px;
	font-family: 'din-reg';
	color: white;
}