/******************************************************************
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) {
	#big-bg-image {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

	div#dynamic-bg {
    display: none;
    height: auto !important;
    min-height: 100%;
    position: absolute;
    width: 100%;
}
	div#dynamic-bg .picture {
			background-position: center top;
			background-repeat: no-repeat;
			background-size: 100% auto;
			display: block;
			height: 785px;
			left: 0;
			position: absolute;
			width: 100%;
	}
	div#dynamic-bg .picture:after
	{
		content: "";
		position: absolute;
		bottom: 0px;
		width: 100%;
    height: 785px;
		background: -moz-linear-gradient(top,  rgba(250,249,245,0) 50%, rgba(250,249,245,0) 30%, rgba(250,249,245,0.95) 85%, rgba(250,249,245,1) 95%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(250,249,245,0)), color-stop(30%,rgba(250,249,245,0)), color-stop(85%,rgba(250,249,245,0.95)), color-stop(95%,rgba(250,249,245,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(250,249,245,0) 50%,rgba(250,249,245,0) 30%,rgba(250,249,245,0.95) 85%,rgba(250,249,245,1) 95%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(250,249,245,0) 50%,rgba(250,249,245,0) 30%,rgba(250,249,245,0.95) 85%,rgba(250,249,245,1) 95%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(250,249,245,0) 50%,rgba(250,249,245,0) 30%,rgba(250,249,245,0.95) 85%,rgba(250,249,245,1) 95%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(250,249,245,0) 50%,rgba(250,249,245,0) 30%,rgba(250,249,245,0.95) 85%,rgba(250,249,245,1) 95%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00faf9f5', endColorstr='#faf9f5',GradientType=0 ); /* IE6-9 */

	}

	#header-row > .columns	{		padding: 0px;	}
	
	#page-body.homepage {
    margin-top: 60px;
		z-index:20;

	}

}