﻿/******************************************************************
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) {

.row .row {
    margin: 0;
}
.row .columns:first-child {
    padding-left: 15px;
}
.row .columns:last-child {
    padding-right: 15px;
}
.sf-menu a {
  padding: 0.25em 0.5em;
}

		#page-wrap #titlebg-wrap .pgtitle h1.content-title{font-size: 2.2em;}
}
