/*
 * Skeleton V1.1
 * Copyright 2011, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 8/17/2011
 */

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .main { font-size: 90%; }
    span.charityNameSpan { font-size: 70% !important;  }
}

@media only screen and (min-width: 1200px) {
	.container { background-color: #fff; }
	body { background-color: #ddd; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    span.charityNameSpan { font-size: 60% !important;  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    body { line-height: 1.1em; }
    #hdrlogoarea { width: 20%; }
    #hdrcenterarea { width: 40%; }
    #hdrbuttonarea { width: 25%; }
    .banner-container .caption { padding: 1em; bottom: 1em; left: 1em; }
    .caption h2 { font-size: 100%; }
    .circle1 { margin-left: 20%; }
    .circle2 { margin: 0 10% 0 10%; }
    .circle3 { margin-right: 20%; }
    .mission-container { padding: .5em 20%; }
    .gform_wrapper form { max-width: 100%; }
    .sidemenu-container, .cta_hr { display: none; }
    span.charityNameSpan { font-size: 40% !important;  }
    .partner-logo { width: 50%; float: left; }
    .partner-content { width: 100%; float: left;  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    h1 { font-size: 120%; }
    .mission-container { font-size: 110%; }
    .sidemenu-container { display: none; }
    #hdrlogoarea { width: 35%; }
    #hdrbuttonarea { width: 35%; padding-left: 20%; }
    .circle-image-container { display: none; }
    #amznCharityBanner {width: 70%; margin: 0 auto; }
    #amznCharityBanner img {width: 100%; height: auto; }
    span.charityNameSpan { padding-top: .5em; font-size: 100% !important;  }
    .circle1, .circle2, .circle3 { margin: 0 5%; }
}

@media only screen and (max-width: 360px) {
    .caption h2 { font-size: 60%; }
    span.charityNameSpan { padding-top: .5em; font-size: 120% !important;  }
}