@media screen and (max-width: 1060px) {
	
/*#################################################################################################################################################
################################################################### MAIN ######################################################################## */
.container
{ width: 100% !important;
max-width: 100%;
overflow-x: hidden;}

#main
{ width: 100% !important;
margin-top: 30px !important; }
	
/*#################################################################################################################################################
################################################################### HEADER ######################################################################## */
body {
	position: relative;
	height: 98%;
}

#bird
{ display: none !important;}

.pinebranch, #trunk, #pinetxt
{   max-height: 100% !important; }

#header
{ height: 500px; 
width: 100%;
padding-top: 30px;
position: relative;
text-align: center;
background-image: url('../../twirlbound.com/pine/images/back.png' );
background-position: center bottom; }

@keyframes birdplay {
    from   {		background-position: 0px; }
    to  {			background-position: 252px; }
}

@keyframes birdmove {
    0%   {		opacity: 0.0;
						left: 50%; 
						top: 20%; }
	10% { 	opacity: 1.0; }
	60% { 	opacity: 1.0; }
   100%  {		opacity: 0.0;
						left: 90%; 
						top: 10%; } 
}
#mainnav
{ width: 100%;
background-color: #95b45a;
height: 40px;
text-align: left;
margin-top: 30px;
position: absolute; 
z-index: 100;
top: 500px;
box-shadow: 0px 5px 0px rgba(45,50,35,0.4); }

#mainnav a
{ display: none; }
 
 #mainnav a:hover
 { background-color: #aaca6d; }
 
  #mainnav a:active
 { background-color: #2a4027;
-webkit-transition: 	background-color 0.23s; /* Safari */
    transition: 				background-color 0.23s; }
	
.navselected
{ background-color: #aaca6d !important;}

.navselected:hover
{ background-color: #d8f89a !important; }

.navselected:hover
{ background-color: #a2c266 !important; }

#menumobile
{ display: block !important;
float: right !important;
padding-top: 0px !important;
font-size: 24pt !important;
height: 40px !important;
width: 110px !important;}

#pagebuttons
{ width: 50% !important;
margin: 20px auto 60px;}

#pagebuttons a
{ width: 45% !important;
margin-right: 4%;}

/* Landing Page */
.lp_logo
{ background-size: 50% 100%; 
background-position: 50% 0; }

.lp_cont
{ padding-top: 30px; }

.lp_contentblock
{ 
height: 100%;
}

.lp_contenttext
{
position: relative;
padding: 1% 3% 3% 3%;
width: 94%;
}

#lp_socialfooter
{ width: 104px; }

.platform_image
{ max-width:25%; 
margin: 0px 8px !important;}

/*#################################################################################################################################################
################################################################### MENU ######################################################################## */

.trailervideo
{
width: 90% !important;
height: 50vw !important;
margin: 40px auto 40px !important;
}

#mobileoverlay
{ position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 94%;
height: 100%;
padding: 0% 3%;
background-color: #334830;
display: block; }

#overlayquit
{ font-size: 50pt;
position: absolute;
top: 0;
right: 0;
margin-right: 10px;
height: 40px;}
 
#overlayquit:after
{ clear: both; }

#menu_pages
{ display: block;
float: left;
width: 100%;
margin-top: 50px;
margin-bottom: 20px; }

#menu_pages a, #mobileoverlay a
{ margin-bottom: 10px;
font-size: 12pt;
color: #D2C9AF;
text-transform: capitalize;
line-height: 2; 
text-decoration: none; }

#menu_pages a
{ display: block;
width: 100%;
color: #27251B !important;
margin-right: 5%;
height: 40px;
font-weight: 700;
padding-top: 8px;
text-align: center;
background-color: #CEC79B;}

#menu_pages a:active, #mobileoverlay a:active
{ color: #95b691;
text-decoration: underline;}

#mobileoverlay ol
{color: #A09576;}

#redditbutton
{ display: none;}

#lp_text p, #lp_text h2, #lp_text ul
{ padding: 0px 15px;
max-width: 76%;} 

#screenshotlightboxes
{ margin-top: 10px;
text-align: center;}

#lp_actions h2
{ max-width: 90%;
font-size: 21pt !important;
margin-top: 30px; }

#lp_end table
{ width: 90% !important;}

#lp_end table td
{ padding: 0px 5px !important;}

#logocontainer p
{ margin-top: 20px !important; }
		
/*#################################################################################################################################################
################################################################### ABOUT ######################################################################## */

#teammembers
{ display: none; }

/*#################################################################################################################################################
################################################################### BLOG ######################################################################## */
#blogside
{ width: 100%; 
float: left; }

.blogentry
{ width: 94%;
padding: 40px 3%;
color: #e7f8e6;
font-size: 12pt; }

.blogentry iframe
{ margin: 0 auto;}

.blogentry img
{ width: 94%;
max-width: 100%;
margin: 0 auto; }

.date
{ margin-right: 20px; }

.date, .category
{ font-size: 12pt; 
float: left;
color: #e6e6e6;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase; }

.fa-calendar, .fa-folder
{ margin-right: 6px; }

#sidebar
{ display: none !important; }

/*#####################################################################################################################
####################################### FIRSTBIT ######################################################################## */
#discordlink
{ width: 82% !important; 
font-size: 14pt !important;
min-height: 40px;
line-height: 2.0;
padding: 2px 4px;}

#pagelinks
{ width: 85% !important;}

.pagelink
{ max-width: 25%;
margin-right: 10px !important; }

/*########################################################################################################################
########################################## FOOTER ######################################################################## */
#footer
{ position: fixed;
bottom: 0;
height: 20px;
padding-top: 6px; 
width: 100%; 
background-color: #2d3b2c; }

#footer p
{ color: #95ac92;
font-size: 9pt;
padding: 0;
width: 100%; }

#footer a
{ color: #aaac92;}

#footer a:hover
{ color: #cfd2b4; }

#footer a:active
{ position: relative;
bottom: -1px;
color: #7a7b6a; }

.m_socialfooter
{ display: inline-block !important; 
margin-right: 5px; }

.emptyfooter, #likefooter, #lp_likefooter, .twitter-follow-button, #redditfooter, #subfooter, #lp_subfooter, #gamepediafooter
{ display: none !important; }

#backusnow_screenbutton
{ display: none !important;}

#donateheader
{ left: 50px;
font-size: 9pt;}

#lp_social
{ text-align: center;
width: 80% !important;}

#lp_social a, #lp_social iframe
{ float:none !important; 
margin: 8px 10px;
font-size: 26px;
display: in}

}

@media screen and (max-width: 700px) {
	
	#lp_text table td
	{ display: table-row;}
	
}

@media screen and (max-width: 388px) {
	
	#discordlink
	{ line-height: 1.0; }
	
}

iframe[id^="oauth2relay"] { position: fixed !important; }