﻿/******************************************************************
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) {

    .divider-head-links {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    width: 1px;
    height: 20px;
    margin: 0 15px;
    }

	#homepage-icons .icon .mm-button-wrap {
	width: 33%;
	}
        
    .footer-address {
    padding-left: 25%;
    }
}
