@media all and (max-width: 800px){

  .whalf {
	width:100%;
	margin:0 auto;
	float:none;
	box-sizing: border-box;
	}	

 #subs {
	background: #fff;
	padding: 80px 0;
}

#subs img {
	width: 80%;
	height: auto;
	display: none;;
	margin: auto;
}

#subs h2 {
	  font-family: "bebas-neue";
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    color: #309ab0;
    display: block;
    text-transform: uppercase;
}   

	
	#navbar {
		display:none;
	}
	
	.mobile-video {
    	display:block;
    	margin-bottom:40px;
    }
	
	
	.redwide {
		height:auto !important;
		padding:20px 0;
		width:100%;
		margin-bottom:30px;
	}
	
	.w626, .w700, .w800, .w900, .wasted-every-day, .equal-to, #pledge {
		width:100%;
		box-sizing:border-box;
		padding:0 30px !important;
		margin:0;
	}
	
	img {
		width:90%;
		height:auto;
		margin:0  auto;
		float:none;
		display:block;
		padding:0;
	}
	
	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top:30px; } 
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	#topper {
		display:none;
	}
	
	#flagged {
		display:none;
	}
	
	#videobox-sm {
    	display:none;
    }
    
    #navbar-internal {
        display:none;
    }
    
    #video-mobile {
        display:block;
    }
    
    #video-mobile img {
        width:80%;
        height:auto;
    }
    
   #single-head {
    height:165px;
	background-image:url(../img/singlehead-mobile.png);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	}	
	
	h2 {
		font-size:50px;
		line-height:60px;
		height:auto !important;
	}
	
	#issue-right, #issue-left {
		float:none;
		display:block;
		text-align:left;
		margin:20px auto;
		width:100%;
		margin:0;
		padding:0;
	}
	
	#issue-left img, #issue-right img {
		margin:0 0 30px 0;
	}
	
	#where-idling-happens {
		float:none;
		display:block;
		text-align:center;
		margin:20px auto;	
		padding:0;
	}
	
	#where-idling-happens div {
		width:50%;
		display:block;
		text-align:center;
	}
	
	#where-idling-happens div img {
		width:80%;
		height:auto;			
	}	
	
	#where-idling-happens div h3 {
		font-size:18px;
	}
	
	.wasted-every-day {
		display:block;
		padding:30px !important;
		margin-bottom:30px;
	}
	
	.wasted-every-day p.wasted-a, .wasted-every-day p.wasted-b, .wasted-every-day p.wasted-c, .wasted-every-day p.wasted-c span {
		font-size:40px;
		line-height:40px !important;
		text-align:center;
		padding:0 !important;
		margin:0 !important;
		height:auto !important;
		font-family: "bebas-neue", sans-serif;
		letter-spacing:normal !important;
		display:inline;
	
	}
		
	.wasted-every-day p.wasted-a:after, .wasted-every-day p.wasted-b:after, .wasted-every-day p.wasted-c:after {
		display:none;
	}
	
	.equal-to p.equal-to-a, .equal-to p.equal-to-d {
		font-size:50px;
		line-height:50px !important;
		text-align:center;
		padding:0 !important;
		margin:0 !important;
		height:auto !important;
		font-family: "bebas-neue", sans-serif;
		letter-spacing:normal !important;
		display:inline;		
	}
	
	.equal-to p.equal-to-a:after, .equal-to p.equal-to-d:after {
		display:none;
	}	
	
	.equal-to p.equal-to-c span {
		font-size:50px;
		line-height:50px !important;
		text-align:center;
		padding:10px !important;
		margin:0 !important;
		height:auto !important;
		font-family: "bebas-neue", sans-serif;
		letter-spacing:normal !important;
		display:inline;		
	}
	
	.equal-to p.equal-to-c:after {
		display:none;
	}	
	
	.section-header {
	    background-color: #f0675c;
	    height: 84px;
	    text-align: center;
	    font-size: 40px;
	    line-height:84px;
	    color: #f5f4f0;
	    margin-bottom: 48px;
    }
    
    .pledge-section .help-america {
	    font-size:20px;
	}
	
	.pledge-section .pledge-quote {
	    color: #21bcdb;
	    text-transform: uppercase;
	    font-size: 18px;
	    line-height: 18px;
	    margin: 24px auto;
	    padding-left:25px;
	    padding-right:25px;
	}
	
	#our-progress {
		display:block;
		min-height:950px;
	}

	#our-progress h2 {
		font-size:60px;
		line-height:64px;
		height:auto !important;
	}
	
	#progress {
		float:none;
		display:block;
	}
		
	.progress-holder {
		text-align:center;
	}	
	
	.progress-holder img {
		margin:0 auto;
	}	
	
	img#barrel {
		float:none;
		margin-bottom:40px;
	}
	
	#progress #p1, #progress #p2, #progress #p3, #progress #p4, #progress #p5, #progress #p6 {
		font-size:30px;
		line-height:40px !important;
		text-align:center;
		padding:0 !important;
		margin:0 !important;
		height:auto !important;
		font-family: "bebas-neue", sans-serif;
		letter-spacing:normal !important;
		display:inline;
		border:0 !important;
	}
	
	#spread-the-word li {
		display:block;
		width:100%;
		float:none;
	}
	
	#pass-it-on a {
		max-width:100%;
		text-align:center;
		padding-right:0;
	}
	
	#pass-it-on a img {
		display:none;
	}
	
	#pass-it-on .button {
		width:100%;
		display:block;
		background-size:contain
		;
	}
	
	#pass-it-on small {
		font-size:14px;
		padding-top:20px;
	}

	#pass-it-on span {
		font-size:24px;
	}
	
	#spread-the-word-un img#share-info {
    display:block;
    max-width:90% !important;
    }

	#footer .redwide {
		padding:30px 0;
	}
	
	.pledge-section #saveForm {
	    width: 200px;
	    height: 84px;
	    background: url(../img/submit.png);
	    background-size:contain;
	    margin: 0;
	    padding: 0;
	    border: 0;
	    margin-top: 10px;
	}	
	
	#mobile-fake {
    	height:70px;
    	display:block;
    }
	
    #mobile-topper {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 1100; 
    
    
    }
    #mobile-topper #moby {
      width: 100%;
      background: #21bcdb;
      color: #fff;
      height: 70px;
      line-height: 70px;
      border-bottom: 0px solid #ffffff;
      margin: 0 !important;
      text-align: left; }
    
    
    #mobile-topper #ono-burger {
      position: absolute;
      background: #21bcdb;
      top: 8px;
      left: 15px;
      height: 55px;
      width: auto;
      padding: 0;
      vertical-align:top;
      margin:0 !important;
       }
       
        #mobile-topper.home #ono-burger {
      position: absolute;
      background: #21bcdb;
      top: -15px;
      left: 15px;
      height: 55px;
      width: auto;
      padding: 0;
      vertical-align:top;
      margin:0 !important;
       }
       
    #mobile-topper #mob-button {
      color: #ffffff;
      text-transform: uppercase;
      font-family: "din-2014", sans-serif;
      text-decoration: none;
      text-align: left;
      font-size: 22px;
      font-weight: 600;
      padding-left: 105px; }
    #mobile-topper #menu-footer {
      background: #21bcdb; }
      #mobile-topper #menu-footer #menu-left {
        text-align: center;
        width: 50%;
        float: left;
        box-sizing: border-box;
        border-right: 1px solid #ffffff;
        padding: 40px 0; }
        #mobile-topper #menu-footer #menu-left img {
          max-width: 80%;
          height: auto; }
      #mobile-topper #menu-footer #menu-right {
        text-align: center;
        width: 50%;
        float: left;
        box-sizing: border-box;
        border-left: 1px solid #ffffff;
        padding: 40px 0; }
        #mobile-topper #menu-footer #menu-right img {
          max-width: 80%;
          height: auto; }
    #mobile-topper .hamburger {
      background: none;
      position: absolute;
      top: 0;
      right: 0;
      line-height: 55px;
      padding: 5px 15px 0px 15px;
      color: #ffffff;
      border: 0;
      font-size: 2em;
      font-weight: normal;
      cursor: pointer;
      outline: none; }
    #mobile-topper .cross {
      background: none;
      position: absolute;
      top: 0px;
      right: 0;
      padding: 7px 15px 0px 15px;
      color: #ffffff;
      border: 0;
      font-size: 6em;
      line-height: 70px;
      font-weight: bold;
      cursor: pointer;
      outline: none; }
    #mobile-topper .menu {
      width: 100%;
      background: #21bcdb;;
      box-sizing: border-box;
      position: absolute;
      top: 70px;
      text-align: left;
      padding-left: 0px;
      margin: 0;
      border-bottom: 0 !important;
      font-family: "din-2014", sans-serif !important; }
    #mobile-topper .menu ul {
      margin: 0 !important;
      padding: 0;
      list-style-type: none;
      list-style-image: none;
      border-bottom: 0 !important; }
    #mobile-topper .menu li {
      display: block;
      padding: 15px 0 15px 0;
      border-bottom: 1px solid #ffffff;
      font-family: "din-2014", sans-serif !important;
      font-weight: 100 !important;
      letter-spacing: .075em !important; }
    #mobile-topper .menu ul ul li {
      display: block;
      padding: 8px 0 8px 0;
      border-bottom: 1px solid #ffffff; }
    #mobile-topper .menu li:hover {
      display: block;
      background: #21bcdb;
      padding: 15px 0 15px 0;
      font-family: "din-2014", sans-serif !important;
      font-weight: 100 !important;
      letter-spacing: .075em !important; }
    #mobile-topper .menu ul ul li:hover {
      display: block;
      background: #21bcdb;
      padding: 8px 0 8px 0; }
    #mobile-topper .menu li:hover a {
      color: #fff;
      border-bottom: 0;
      font-weight: 100 !important; }
    #mobile-topper .menu ul li a {
      text-decoration: none;
      margin: 0px;
      color: #fff;
      text-transform: uppercase;
      border-bottom: 0 !important;
      font-size: 20px;
      font-weight: 600;
      cursor: pointer;
      font-weight: 100 !important;
      padding-left: 40px; }
    #mobile-topper .menu ul ul li a {
      text-decoration: none;
      margin: 0px;
      color: #fff;
      text-transform: uppercase;
      border-bottom: 0 !important;
      font-size: 16px;
      font-weight: 300;
      cursor: pointer;
      font-weight: 100 !important; }
    #mobile-topper .menu ul li a:hover {
      color: #fff;
      text-decoration: none;
      border-bottom: 0 !important;
      font-weight: 100 !important; }
    #mobile-topper .menu a {
      text-decoration: none;
      color: #fff;
      border-bottom: 0 !important;
      font-weight: 100 !important; }
    #mobile-topper .menu a:hover {
      text-decoration: none;
      color: #fff;
      border-bottom: 0 !important;
      font-weight: 100 !important; }
    #mobile-topper .glyphicon-home {
      color: white;
      font-size: 1.5em;
      margin-top: 5px;
      margin: 0 auto; }
    #mobile-topper #moby {
      display: inline-block;
      font-size: 12px; }
    #mobile-topper span {
      padding-left: 20px; }
    #mobile-topper a {
      color: #fff;
      border-bottom: 0 !important; }

	.downloads-container .download-4r {
    	display:block !important;
    	width:60% !important;
    	float:none !important;
    	margin:0 auto !important;
    	margin-bottom:30px !important;
    }
    
    #resource-dt-video {
        display:none;
    }
    
    #pledge-form.school {
        display:block;
    }
    
    #pledge h3 {
        font-size:60px !important;
        line-height:60px !important;
    }
    
    #pledge #saveForm {
        width:90%;
        background-size:contain;
        background-repeat:no-repeat;
        margin:auto;
    }
    
    .pledge-quote {
        display:none;
    }
    
    .help-america {
        display:none;
    }
    
    #modal {
        display:none;
    }
    
    #mobile-pledge {
    display:block;
    }    
    


    .thanks-content {
       
    }
    
    .saved-content {
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        padding:20px 0;
        height:auto !important;
        }
    
    .you-saved img {
        display:none;
    }
    
    .you-saved p, .america-saved p {
        font-size:24px !important;
        line-height:30px !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        width:100% !important;
        text-align:left !important;
        height:auto !important;
    }
    
    p.saved-results {
        font-size:40px !important;
    }
    
    .america-saved img {
        display:none;
    }

    #mobile-fake {
    display:block;
    }
	
}