@media screen and (max-width: 1260px)
{
	.off-canvas-wrapper
	{
		margin: 0px 20px;
	}
	
	.start-link
	{
		margin-left: 40px;
	}
	
}

@media screen and (max-width: 1230px)
{
	#upper-wrapper #top-streamer
	{
		font-size: 32px;
		padding-top: 20px;
	}
}



@media screen and (max-width: 1000px)
{
	.page-template-default #content .width-wrapper.white-wrapper, 
	.page-template #content .width-wrapper.white-wrapper
	{
		padding: 25px 20px;
	}
}

@media screen and (max-width: 980px)
{
	#upper-wrapper #top-streamer
	{
		font-size: 25px;
		padding-top: 30px;
	}
}	


@media screen and (max-width: 900px)
{
	#top-streamer
	{
		font-size: 18px;
	}
	
	div.top-bar-left
	{
		background-color: #155c20;
	}
	
	
	.featured-boxes 
	{
	    display: block;
	    justify-content: none;
	    margin-left: 0px;
	    margin-top: 30px;
	}
	.featured-boxes .featured-box 
	{
	    flex-grow: 0;
	    flex-basis: 0;
	    justify-content: none;
	    margin-left: 0px;
	    margin: 20px auto;
	    padding: 10px 15%;
	    width: 100%;
	    max-width: none;
	}
	
	.lower-whitebox .two-column
	{
		 -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	    max-width: 680px;
	    margin: 20px auto;
	}
	
	.lower-whitebox h2
	{
		font-size: 40px;
		text-align: left;
	}
	
	.featured-box h3
	{
		text-align: left;
	}
	
	.featured-box img
	{
		margin: 30px auto;		
	}
	
	
	/* collapse sidebar */
	
	#main.large-7
	{
		width: 100%;
		float: none;
		margin: 10px auto;
	}
	
	.sidebar.large-4
	.sidebar.column:last-child:not(:first-child), 
	.sidebar.columns:last-child:not(:first-child)
	{
		width: 100%;
		float: none;
		margin-bottom: 20px;
		max-width: 660px;
	}
	
	.textwidget img
	{
		display: block;
		clear: both;
		margin: 5px;
	}
	
	.upper-white-box h2
	{
		font-size: 46px;
		width: 72%;
		margin: 0 auto;
	}
	
}


@media screen and (max-width: 840px)
{
	#upper-wrapper #top-streamer
	{
		display: none;
	}
	
	#start-links-wrapper
	{
		margin-left: -30px;
	}
	.start-link
	{
		margin-left: 20px;
	}
	
	
	
	.upper-white-box h3
	{
		font-size: 20px;
		letter-spacing: 0.2px;
	}
	

	
	.upper-white-box h4 
	{
	    font-size: 20px;
	    margin-top: 20px;
	}
	
	.page-template-default #content .width-wrapper.white-wrapper,
	.page-template #content .width-wrapper.white-wrapper
	{
		padding: 30px 20px;
	}
	
		
	.off-canvas-wrapper
	{
		margin: 0px 10px;
		word-break: normal;
	}
	
}

@media screen and (max-width: 780px)
{
	#upper-wrapper
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	/* switch menu */
	.top-menu-wrapper.show-for-medium
	{
		display: none;
	}
	.top-bar-left.show-for-small-only
	{
		display: block !important;
		width: 100%;
	}
	
	.top-bar-left.show-for-small-only ul.menu li a
	{
		background-color: #329541;
	}
	
	h1.page-title,
	h1.entry-title
	{
		font-size: 26px;
	}
	
	.entry-content p
	{
		font-size: 15px;
	}
}

@media screen and (max-width: 640px)
{
	/* Convert start page's links to buttons instead */
	#start-links-wrapper
	{
		display: block;
		justify-content: none;
		margin: 0 auto;
	}
	.start-link
	{
		flex: 0;
		display: block;
		margin: 15px 0px;
		width: 100%;
		max-width: 100%;
	}
	.start-link a
	{
		background: none;
		padding: 0px;
		display: block;
	}
	.start-link a:hover
	{
		background-image: none;
	}
	.start-link a p
	{
		position: relative;
		display: block;
		bottom: 0;
	}
	.start-link:nth-of-type(2) a img 
	{
    	margin-top: 5px;
	}
	.start-link:nth-of-type(4) a p 
	{
    	bottom: 0;
	}
	
	/* rebuild buttons */
	
	.start-link
	{
		background-color: #ededed;
		padding: 4px;
		height: 100px;
		
	}
	.start-link a
	{
		display: table;
		vertical-align: middle;

	}
	.start-link a img 
	{
		height: 80px;
		margin-top: 5px;
		width: auto;

		display: table-cell; 
		vertical-align: middle;
	}
	
	.start-link a p 
	{
		width: 65%;
		margin-left: 3%;

				display: table-cell; 
		vertical-align: middle;
	}
	
	.start-link:after 
	{ 
	   content: "."; 
	   visibility: hidden; 
	   display: block; 
	   height: 0; 
	   clear: both;
	}
	
	
	
	
}


@media screen and (max-width: 615px)
{
	.corner-triangle
	{
		position: relative;
		border: 0;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #237f2f;
		padding: 4px 8px;
		height: auto;
		max-width: 333px;
		margin-bottom: 20px;
	}
	.corner-triangle .small-text,
	.corner-triangle .big-text
	{
		position: relative;
		width: auto;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.corner-triangle .big-text
	{
		margin-top: 5px;
	}

	
	.corner-triangle .rotated-text
	{
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}
	
	
	.upper-white-box h3
	{
		width: 95%;
		margin: 10px auto;
	}
	
	.upper-white-box h2
	{
		width: 95%;
		margin: 10px auto 20px auto;
	}
	
	.upper-white-box h4 
	{
		width: 95%;
		margin: 10px auto 30px auto;
	}
	
}


@media screen and (max-width: 450px)
{
	.upper-white-box h2
	{
		font-size: 35px;
	}
}