@media screen and (max-width: 1060px) {
	
/*#################################################################################################################################################
################################################################### MAIN ######################################################################## */
.container
{ width: 94%;
padding: 0% 3%;}

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

#signupheader
{ visibility: hidden !important;}

#mc_embed_signup
{ max-width: 100%; }

#header
{ height: 500px; 
width: 100%;
padding-top: 30px;
position: relative;
text-align: center;
background-image: url('https://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_header
{ height: 98%; width: 100%; }

#logocontainer
{ height: 450px;
margin-top: -20px; }

#pinelogo
{ height: 400px !important; }

.pinebranch, #pinetxt, .pinetrunk
{ width: 200px !important; }

.lp_logo
{ top: 150px; 
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; }


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

.trailervideo
{
width: 100%;
height: 45vw !important;
margin: 0px;
}

#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;}
		
/*#################################################################################################################################################
################################################################### 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; }

/*#################################################################################################################################################
################################################################### DOWNLOADS ######################################################################## */
#downloadsul
{ font-size: 16pt; 
padding-top: 10px;
width: 100%;
max-width: 100%;
color: #e7f8e6;
text-align: center; }

#downloadsul a
{ color: #c8fbc3;
float: none; }

#downloadsul img
{ max-width: 100%; }

#downloadsul a:hover
{ color: #e5ffe3;
opacity: 0.9; }

#downloadsul a:active
{ color: #a1e79a;
position: relative;
bottom: -2px; }

#downloadsul span
{ font-size: 11pt !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; }

#socialfooter
{ float: right;
margin: -18px 0px 0px !important;
overflow: hidden;}

.m_socialfooter
{ display: inline !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;}

}

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