/* Media Queries */

/* anything bigger than 1008px */
@media screen and  (min-width: 1009px) {
    .countdown-date ul li span.cd-digit {font-size: 2em;}
    .mediabox img {
        width: 42%;
        margin: 4% 0 2% 6%;
    }
    .mediabox > div { width: 44%; text-align: center}
    .mediabox h2 { font-size: 180%; }
    .mediabox form {
	   	margin: 4.5% 0 0 0;
		padding: 30px 6%;
    }
    .mediabox button { padding: 6px 8px; }
    .countdown-date ul li { display: inline; }
    .countdown-date ul li span.cd-label { margin-right: 1em; }
}
/* 1008px wide and below */
@media screen and (min-width: 769px) and (max-width: 1008px) {
    section.content {font-size:0.9em;}
    section.content .scorecard {font-size:1.111111111111em;}
    .countdown-title {font-size: 1.25em;}
    .countdown-date ul li span.cd-digit {font-size: 2em;}
    .mediabox img {
      	width: 40%;
		margin: 5% 0 2% 6%;
    }
    .mediabox > div { width: 46%; }
    .mediabox h2 { font-size: 180%; }
    .mediabox form { margin-left: 0; }
    .mediabox input[type="text"] {
        width: 52%;
        margin: 10px 5px 0 0;
        padding: 4px 6px;
    }
    .mediabox button { padding: 3px 8px; }
    .countdown-date ul li { display: inline; }
    .countdown-date ul li span.cd-label { margin-right: 1em; }
}

/* 768px wide and below */
@media screen and (max-width: 768px) {
    nav.main-nav ul {background: none;}
    nav.main-nav ul li a:link,
    nav.main-nav ul li a:visited,
    nav.main-nav ul li a.selected:link,
    nav.main-nav ul li a.selected:visited {
        font-size: 80%;
        padding: 0.6em 0.8em;
        margin-bottom: 0;
    }
    .countdown-title {font-size: 1em;}
    .countdown-date ul li span.cd-digit {font-size: 1.4em;}
    nav.bottom-tabs ul li a:link, nav.bottom-tabs ul li a:visited {
        font-size: 0.8em;
    }
    .mediabox img {
        width: 42%;
        margin: 4% 0 2% 6%;
    }
    .mediabox > div { width: 46%; }
    .mediabox h2 { font-size: 180%; }
    .mediabox form {
        margin-left: 0;
        padding: 20px 5%;
    }
    .mediabox button { padding: 6px 8px; }
    .countdown-date ul li { display: inline; }
    .countdown-date ul li span.cd-label { margin-right: 1em; }
}


/* 600px wide and below */
@media screen and (max-width: 600px) {
    nav.main-nav ul {
        padding-left:0;
    }
    nav.main-nav ul li a:link, nav.main-nav ul li a:visited {
        display: block;
        text-align: center;
        margin-left: 0 !important;
    }
    .countdown-title,
    .countdown-date {display:block;min-width: 100%;}
    section.content {font-size:1em;margin-top:1em;}
    section.consumer-content .content-col {
        margin-right: 0;
        margin-left: 0;
        min-height: 1em;
        width: auto;
    }
    section.consumer-content article.consumer2col {
        display: block;
        max-width: 96%;
    }
    nav.bottom-tabs ul {padding-left: 0;}
    nav.bottom-tabs ul li a:link, nav.bottom-tabs ul li a:visited {
        display: block;
        min-width: 100%;
    }
    p.copyright,
    .footer-nav {float:none;text-align:center;}
    .mediabox img {
        display: block;
        width: 50%;
        padding-top: 2em;
        margin: 0 auto;
    }
    .mediabox > div {
		width: 100%;
		margin-top: 30px;
	}
    .mediabox form {
        margin: 10px 0 10px -25px;
        padding: 20px 0 20px 5%;
        width: 97%;
    }
    .mediabox h2{ font-size: 140%; }
    .mediabox button { padding: 10px 12px; }
    .countdown-date ul li {
    	display: inline-block;
    	text-align: center;
    }
    #claim-submission .dialog-body { background-image: none; }

}

/* 480px wide and below */
@media screen and (max-width: 480px) {

    #content-wrap { padding:0; }
    ul.tab-nav li a:link, ul.tab-nav li a:visited {
        font-size: 0.875em;
    }
    .bryant-logo-box {
        margin-left: -45px;
    }
    header p.user-info {
        right: 1em;
    }
    .mediabox > div {
        background: #eeeeee; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #eeeeee 0%, #999999 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#999999)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #eeeeee 0%,#999999 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #eeeeee 0%,#999999 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #eeeeee 0%,#999999 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#999999',GradientType=0 ); /* IE6-8 */
        margin-left: 0;
        text-align: center;
    }
    .mediabox h2 {
        font-size: 200%;
        margin-top: 10px;
    }
    .mediabox a { font-size: 150%; }
    .mediabox form {
        background-color: #eee;
        margin: 15px 0 0 0;
        padding: 15px 0 0 0;
        width: 100%;
    }
    .mediabox label {
        color: #444;
        font-size: 120%;
    }
    .mediabox input[type="text"]{ width: 85%; }
     .consumer-content { padding: 0 20px; }
    .countdown-date ul li { text-align: center; }

    #claim-submission .dialog-body { background-image: none; }
    #progress li a {color: #eee; }
    #progress li.active a { color: #eee; }
    #progress li.completed a { color: #DB0003; }
    #progress li.completed a::after { background: none; }
}

@media screen and (max-width: 320px){
    .mediabox h2 { font-size: 150%; }
    .mediabox a, .mediabox label { font-size: 120%; }
    .countdown-title{ font-size: 110%; }
    section.consumer-content .content-col h2 {
        font-size: 100%;
    }
    #claim-submission{
    	left: 0 !important;
    	top: 0 !important;
    	width: 90%;
    }
    #claim-submission .consumer-content { padding: 0; }
    #claim-submission .dialog-body { background-image: none; }
}