﻿/******************************************************************
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: 720px) {
	h3.share{
	font-size: 2.8em;
	margin:20px 0 0 8px;
	}
	#shareFollowTab{
	background: url('/img/00/layout/sharethistab.png')no-repeat;
	height: 166px;
	width: 76px;
	}
	
	#shareFollowBox{
	height:166px;
	padding-top: 10px;
	}
	
	#shareFollowBox{
	width: 170px;
	}

	a.current:before{
	top: 58px;
	margin-left: 15%;
	}
	
	#social-btns_home .columns {
	max-width: 46px;
	}

	.page-nav a {
	width: 10%;
	}

	.page-nav {
	width: 100%;
	}

	header#page-header{
	position: fixed;
	}

	#page-wrap{
	background: transparent;
	}

	#big-bg-image {
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: -1;
	}


}
