/******************************************************************
481up.css
-------------------------------------------------------------------
Stylesheet: Larger Mobile Device
-------------------------------------------------------------------

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/

/* These styles are applied for viewports 481px and higher */
@media only screen and (min-width: 481px) {
	
	h1.content-title {
	background-position: center right !important;
	}  

	#header-row{
	background-position: right top;
	}

	a.head-link {
	padding: 3px 18px 3px 18px;
	} 

	.mobile_logo {
	display: none;
	}

	.desktop_logo {
	display: inline-block;
	}
	
    #reCaptcha_div1 div,
    #reCaptcha_div1 iframe{
    width: 310px !important;
    }
}