html {
	background-color:#ffffff;
	overflow-x:hidden;
	}

body {
    font-family: 'ProximaNovaRegular';
    font-style:'Normal';
    font-stretch:'Normal';
	/*font-weight:400;*/
	font-size:14px;
	background:#1b75bb;
	color:#333333;
	height:100%;
	/*overflow-x:hidden;*/
	margin:0 auto;
	padding:0;	
	}

h2 {
    font-family: 'ITCCheltenhamBook';
    font-style:'Normal';
    font-stretch:'Normal';
	/*font-weight:300;*/
	font-size:5em;
	color:#ffffff;
	text-align:center;
	position:relative;	
	/*text-transform:uppercase;*/
    text-shadow: 4px 1px 3px rgba(0,0,0,0.3); /*2px 3px 3px rgba(0,0,0,0.3);*/
	animation-delay:.2s; 
	-moz-animation-delay:.2s; 
	-webkit-animation-delay:.2s;  
	}

    h2.thanks {
        font-size:3em; /*4em*/
        letter-spacing:3px;
        margin-top:250px;/*300px*/
        padding:0 10%;
        text-transform:none;
        }

h3 {
    font-family: 'ITCCheltenhamBook';
    font-style:'Normal';
    font-stretch:'Normal';
    color:#333333;
	/*font-weight:400;*/
	font-size:3em; 
	line-height:3em;
	margin-top:2em;
	margin-bottom: 0;
	}

h3.longtext {
	line-height:1.4em;
	margin-bottom:50px;
	}

h3.post {
    font-family: 'ITCCheltenhamLightItalic'
    }

h4 {
    font-family: 'ITCCheltenhamBook';
    font-style:'Normal';
    font-stretch:'Normal';
    color:#333333;
    /*font-weight:400;*/
	font-size:2.3em; 
	/*line-height:3.68em;*/
    line-height:2.5em;
	margin-top:0;
	margin-bottom:0;
    letter-spacing:.005em;
	}

/*
.main h4 {
	margin-top:.8em;
	}
*/
h4.donorlevel {
	font-size:2.5em; 
	line-height:2.5em;
	border-bottom:2px dotted #ececec;
	color:#1b75bb;
	}

h4.social {
    line-height:2.3em;
    }

h4.sample {
    font-family:'ProximaNovaRegular';
    letter-spacing:.03em;
    }

h5 {
    font-family: 'ITCCheltenhamBook';
    font-style:'Normal';
    font-stretch:'Normal';
    /*font-weight:400;*/
    font-size:2em; /* 1.9em */
    line-height:3.04em;
    margin-top:0;
    margin-bottom: 0;
    }

h5.donationshelp {
    font-family: 'ProximaNovaLight';
    font-style:'Normal';
    font-stretch:'Normal';
    }

    h5.donationshelp span {
        font-family: 'ProximaNovaMedium';
        }

h5.leaderboard {
    font-family:'ProximaNovaRegular';
    font-size:2m; 
    line-height:2.6em;
    border-bottom:2px dotted #ececec;
    color:#1b75bb;
    }

a.button, a.button:visited {
    font-family: 'ProximaNovaMedium';
    font-style:'Normal';
    font-stretch:'Normal';
	/*font-weight: 500;*/
	background: #1b75bb;
	border: none;
	border-radius: 3px;
	color: #ffffff;
	padding: 15px 25px;
	margin-top:20px;
	text-align: center;
	/*text-transform:uppercase;*/
    /*letter-spacing:1px;*/
	text-decoration: none;
	display: inline-block;
    transition: all 0.2s ease-in-out;
	}

a.button:hover, a.button:active {
	background-color: #2490ce;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    transform:scale(1.05);
	}

a.smallbutton, a.smallbutton:visited, a.smallbutton:hover, a.smallbutton:active {
    padding:10px 15px;
    }

a.greenbutton, a.greenbutton:visited {
    background-color:#8cc63e
    }

a.greenbutton:hover, a.greenbutton:active {
    background-color:#98d14b;
    }

img {
	max-width:100%;
	}

    img.featured {
        max-width:100%;
        border:1px solid #000000;
        }

.hidden{
	opacity:0;
	}

.hideonlarge {
    display:none;
    }

.visible{
	opacity:1;
	}

.center {
	text-align:center;
	}

.vcenter {
	vertical-align:middle;
	}

.wrapper { 
	background-color:#ffffff;
	max-width:1600px;
	margin:0 auto;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
	box-shadow: 0 0 15px #666;
	}

.header {
	width:100%;
	background-color: #ffffff;
	border-top: 3px solid #8cc63e;
	padding:0;
	}

.c-hamburger {
	display:none;
	}

.counters {
	line-height:125px; /*70px*/
	vertical-align:middle;
	} 

	.counters i {
		color:#8cc63e;
		vertical-align:baseline;
		padding-right:3px;
		}
	
	.counters span.tally {
        font-family: 'ProximaNovaRegular';
        font-style:'Normal';
        font-stretch:'Normal';
		font-size:1.6em;
		/*font-weight:600;*/
		color:#8cc63e;
		}

	.counters span.label {
		font-weight:400;
		font-size:1.4em;
		text-transform:uppercase;	
		vertical-align:top;
		color:#1b75bb;
		padding-right:10px;
		}

    .timeleft {
        text-align:right;
        padding-right:25px;
        }

#navbar {
	background-color:#8cc63e;
	color:#ffffff;
    max-width:1600px;
	overflow:hidden;
	}
	
	#navbar li:first-child, #navbar li:nth-child(4n), #navbar li:nth-child(5n) { 
		border-left:none;
		}

	#navbar li { 
		font-size:1.3em; /*1.2em*/
		font-weight:500;
		background-color:#8cc63e;
		width:13%;
        /*width:12.8%;*/
		height:75px;
		line-height:75px;
		border-left:1px solid #ffffff;
		float:left;
		}

	#navbar li a, #navbar li a:visited {
		background-color:#8cc63e;
		color:#ffffff;	
		display:block;
		text-decoration:none;
		}

	#navbar li a:active, #navbar li a:hover { 
		border-top:5px solid #1b75bb;
		}

	#navmenu {
		/*background-color:#ffffff;*/
        background-color:#8cc63e;
		height:75px;
		width:100%;
		display:block;
		list-style:none;
		margin:0;
		padding:0;
		}

	#navbar li.menuhead {
		background-color:#ffffff;
		width:21.75%;	
		float:left;
		line-height:30px;
		}

		#navbar li.menuhead span {
			font-size:2.5em;
			font-weight:500;
			color:#1b75bb;
			}

		#navbar li.menuhead span.tagline {
			font-size:1.15em; /*1.25em*/
            letter-spacing:.05em;
			font-weight:500;
			font-style:italic;
			}

.main {
	margin-bottom:0;
	padding-bottom:0;
	}

.tagline {
    font-family:'ProximaNovaMedium';
    }

#splash-home {
	background:url('../images/splash/homepage.png') center center no-repeat;
	background-size:cover;
	height:500px;
	position:relative;
	max-width:1600px;
	}

#splash-social {
	background:url('../images/splash/contests.png') center center no-repeat;
	background-size:cover;
	height:500px;
	position:relative;
	max-width:1600px;
	}

#splash-faq {
	background:url('../images/splash/faq.png') center right no-repeat;
	background-size:cover;
	height:500px;
	position:relative;
	max-width:1600px;
	}	

#splash-ambassadors {
	background:url('../images/splash/ambassadors.png') center right no-repeat;
	background-size:cover;
	height:500px;
	position:relative;
	max-width:1600px;
	}

#splash-contact {
	background:url('../images/splash/contact.png') center center no-repeat;
	background-size:cover;
	height:500px;
	position:relative;
	max-width:1600px;
	}

	#promo { 
		font-size:1.2em;
		font-weight:500;
		background-color:rgba(0, 0, 0, 0.3);
		color:#ffffff;
        border:8px solid #8cc63e;
		width:15%;
		padding:15px;
		float:right;
		z-index:99999;
		position:absolute;
		top:10%;
		right:5%;
		animation-delay:1.5s; 
		-moz-animation-delay:1.5s; 
		-webkit-animation-delay:1.5s;  
		}

	#gradient {
        background: linear-gradient(0deg, rgba(27, 117, 187, 0) 0%, rgba(27, 117, 187, 0.11) 23%, rgba(27, 117, 187, 0.5) 76%); /*linear-gradient(0deg, rgba(27, 117, 187, 0) 0%, rgba(27, 117, 187, 0.11) 23%, rgba(27, 117, 187, 0.5) 46%);*/
		width:100%;
		height:75%;/*50%*/
		position:absolute;
		}

	#splashtext {
		margin-top:35px; /*135px*/
		}

	#splashtext-oneline {
		margin-top:140px; /*225px*/
        letter-spacing:.05em;
		}	

	#splashtext-full {
		margin-top:175px;
        letter-spacing:.05em;
		}	

	p.givetext {
		display:none;
		}

	p.livedate {
        font-family: 'ProximaNovaRegular';
        font-style:'Normal';
        font-stretch:'Normal';
		font-size:1.7em;
		/*font-weight:500;*/
		color:#ffffff;
		text-align:center;
		position:relative;
		text-transform:uppercase;
		text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
		}

.fundthefuture {
    background:url(../images/headerbg.png) bottom left;
    background-size:cover;
    padding:100px 0 125px 0;
    margin-left:0;
    margin-right:0;
    }

.leadershipchallenge, .nightingaleday, .messageofhope, 
.volunteer, .makeadonation, .travelfund, .k12ambassador, 
.datafest, .thankyou, .headshots, .bodvideo, .bodthanks 
    { /*.opportunities, */
	padding:125px 0 125px 0;
	margin-left:0;
	margin-right:0;
	}

.signup {
	padding:125px 0 100px 0; /* 100px top */
	margin-left:0;
	margin-right:0;
	}

.thanksdonors, .faqintro, .socialmedia, .contactus, .opportunities {
	padding:100px 0 0 0;
	margin-left:0;
	margin-right:0;
	}

.donorlist { 
	padding:0 0 50px 0;
	}

/*.datafest {
	background: #eef7e2;
	background: -moz-linear-gradient(top, #eef7e2 0%, #ffffff 50%); 
	background: -webkit-linear-gradient(top, #eef7e2 0%,#ffffff 50%); 
	background: linear-gradient(to bottom, #eef7e2 0%,#ffffff 50%); 
	}
*/
.bigcountdown {
	vertical-align:middle;
	background: linear-gradient(to bottom, #ececec, #fafafa);
	padding-top:100px;
	padding-bottom:100px;
	margin:0;
	} 

	.bigcountdown i {
		color:#8cc63e;
		vertical-align:baseline;
		padding-right:10px;
		}

	.bigcountdown span.tally {
        font-family: 'ProximaNovaMedium';
        font-style:'Normal';
        font-stretch:'Normal';
		font-size:3.5em;
		font-weight:600;
		color:#8cc63e;
		}

	.bigcountdown span.label {
		font-weight:400;
		font-size:2em;
		text-transform:uppercase;	
		vertical-align:top;
		color:#1b75bb;
		padding-right:10px;
		}

	.bigcountdown span.label-small {
		font-weight:500;
		font-size:16px;
		text-transform:uppercase;	
		color:#1b75bb;
		}

.yourdonations {
    padding:0 0 25px 0;
    }

    .yd-box {
        box-sizing: border-box;
        position: relative;
        margin: 8px;
        width: 100%;
        }

        .yd-text {
            box-sizing: border-box;
            position: absolute;
            top: 0;
            bottom: 5px;
            left: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            background: linear-gradient(0deg, #0000008f 5%, #ffffff00 70%);
            color: #ffffff;
            padding:15px;
            }

            figcaption h5 {
                font-size:1.6em;
                line-height:1.5em;
                }

.sidebar {
    background-color:#154f7b; /*#e9f6ff*/
    color:#ffffff /*#154f7b*/;
    margin-top:25px;
    /*border-radius:15px;
    padding:25px 35px;*/
    }

    div.sidebartext {
        padding:45px; 
        }

    .sidebar a, .sidebar a:visited {
        color:#8cc63e;
        }   

    .sidebar p {margin:0;padding:0;}

    .sidebar a:active, .sidebar a:hover {
        color:#98d14b;
        }

    .sidebar img {
        /*border-radius:15px;
        border:2px solid #154f7b;*/
        display: inline-block;
        vertical-align: middle;
        height: auto;
        max-width: 100%;
        }

.opportunities, .studentchapters, .nightingaleday, .messageofhope,
.volunteer, .makeadonation, .travelfund, .k12ambassador, .datafest, 
.bodthanks 
{ /*.datafest, */
	border-top:3px solid #f9f9f9;	
	}

.community {
    background-size:contain;
    background:url('../images/splash/communicate.png') top center;
    margin:0;
    }

.threeeightfour {height:384px;}

.thankyou, .bodvideo {
    background-size:contain;    
	background:url('../images/pattern5.jpg') top center;
	}

.vid {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px; 
	height:0; 
	overflow:hidden; 
	}

	.vid iframe,.vid object,.vid embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}

.nightingaleday {
    background: #f5faee; /* Old browsers */
    /*background: -moz-linear-gradient(top, #f5faee 0%, #ffffff 100%); 
    background: -webkit-linear-gradient(top, #f5faee 0%,#ffffff 100%); 
    background: linear-gradient(to bottom, #f5faee 0%,#ffffff 100%); */
    }

.volunteer {
    background:#154f7b;
    /*background: -moz-linear-gradient(top, #154f7b 0%,#30475a 100%);
    background: -webkit-linear-gradient(top, #154f7b 0%,#30475a 100%);
    background: linear-gradient(to bottom, #154f7b 0%, #30475a 100%);*/
    color:#ffffff;
    padding-bottom:175px;
    }

.makeadonation {
    background: #e9f6ff;
    /*background: -moz-linear-gradient(top, #e9f6ff 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #e9f6ff 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e9f6ff 0%,#ffffff 100%);*/
    }

.k12ambassador {
    background:#154f7b;
    color:#ffffff;
    }

.headshots {
    background: #ebf4de; /* Old browsers */
	background: -moz-linear-gradient(top, #e9f6ff 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e9f6ff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e9f6ff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	p.headshot {
		padding-top:20px;
		text-align:center;
		}

	.head {
		border-radius:25px;
		border:2px solid #8cc63e;
		margin-top:10px;
		}


.pullquote { 
    font-family: 'ProximaNovaRegular';
    font-style:'Normal';
    font-stretch:'Normal';
	/*font-weight:400;*/
	font-size:18px; /* 20px */
	color:#666666;
	/*width:250px;	*/
	display:inline-block;
	padding:20px 20px 0 45px;
	margin:0;
	line-height:33px;
	}	

	.attribution { 
        font-family: 'ITCCheltenhamBook';
		font-size:14px;
		font-weight:500;  
		line-height:21px;
		display: block;
		text-transform:uppercase;
		}	

	.topquote,
	.bottomquote {
        font-family: 'ProximaNovaRegular';
        font-style:'Normal';
        font-stretch:'Normal';
		font-style: normal;
		font-size: 75px;
		color: #8cc63e;
		margin-top: 12px;
		margin-left:-36px;
		float: left;
		line-height:32px;
		height:32px;
		width:28px;		
		}

	.bottomquote {
		margin-top: 32px;
		float: right;
		}

#tw { 
	width:100%;
	height:0;
	padding-bottom:56%;
	position:relative;
	}

	#tw-frame {
		width:100%;
		height:100%;
		position:absolute;
		display:block;
		top:0;
		left:0;
		}

.container {
	margin-top:50px; /*margin-top:100px;*/
	padding-left: 2%;
	padding-right: 2%;
	}

p, ul.list {
	font-size:1.35em;  /* 1.25em */
	line-height:1.6em;
	}

a, a:visited {
	color:#1b75bb;
	}

a:hover, a:active {
	color:#2187c8;
	}

.tweetbox {
    background-color:#1b75bb;
    color:#ffffff;
    border:1px solid #ececec;
    padding:0 15px 5px 15px;
    border-radius:15px;
    word-break: break-word;
    }

    .tweetbox a, a:visited {
        color:#8cc63e;
        }

    .tweetbox a:hover, a:active {
        color:#a3d44e;
        }

    .tweetbox a.button, .tweetbox a.button:visited {
        font-family: 'ProximaNovaMedium';
        font-style:'Normal';
        font-stretch:'Normal';
        /*font-weight: 500;*/
        background:#8cc63e;
        border: none;
        border-radius: 3px;
        color: #ffffff;
        padding: 15px 25px;
        margin-top:20px;
        text-align: center;
        /*text-transform:uppercase;*/
        text-decoration: none;
        display: inline-block;
        }

    .tweetbox a.button:hover, .tweetbox a.button:active {
        background-color:#a3d44e;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        }

.fb {text-align:left;}

.toast-success{background-color:#1b75bb !important;}

#secondarynav {
	background-color:#8cc63e;
	color:#ffffff;
	height:75px;
	}

	#secondarynav a, #secondarynav a:visited {
		color:#ffffff;
		text-decoration:none;
		font-size:1.1em;
		font-weight:500;
		}

	#secondarynav a:hover, #secondarynav a:active {

		}

	#secondarynav ul {
		list-style:none;
		/*display:inline;*/
		text-align:center;
		}

		#secondarynav li {
			float:left;
			width:10%;
			height:75px;
			line-height:75px;	
			}

		#secondarynav li:first-child, #secondarynav li:last-child {
			width:20%;		
			}

.footer-wrapper {
	background-color:#1b75bb;
	color:#ffffff;
	}


	.footer-wrapper .container {
		margin-top:0;
		}

	.footer-wrapper h4 { 
		color:#8cc63e;
		margin-top: 2em;
		}

	#footerbot a, #footerbot a:visited {
		color:#8cc63e;
		text-decoration:none;
		border-bottom:1px dotted #8cc63e;
		margin:0 5px 0 5px;
		}

	#footerbot a:hover, #footerbot a:active {
		color:#a6d650;
		}

/** accordion stuff **/

#accordion h3 {
    font-family: 'ProximaNovaRegular';
    font-style:'Normal';
    font-stretch:'Normal';
	line-height:1.6em;
	font-size:1.2em;
	}

.ui-icon, .ui-widget-content .ui-icon {
    background-image:url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png) !important;
    }

.ui-accordion .ui-accordion-header {
    background:#1b75bb !important;
    color:#ffffff;
    font-weight:500;
	margin:10px 0 0 0  !important;
	}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background:#1b75bb !important;
	}

.ui-widget-content a, .ui-widget-content a:visited {
	color:#1b75bb !important;
	}

.ui-widget-content a:hover, .ui-widget-content a:active {
	color:#2187c8 !important;
	}

.ui-widget p {
    font-family:'ProximaNovaRegular' !important;
    font-size:1.3em;
    }

@media only screen and (max-width:520px) {
    h2.thanks {
        font-size:1.6em; /*1.8em*/
        font-weight:500;
        margin-top:175px; /*275px*/
        line-height:1.4em;
        text-transform:none;
        }     
    }

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
    .logo {
        margin-top:15px;
        }
 
    h2 {
        font-size:3em;
        line-height:1.9em;
        }
    
    h2.thanks {
        margin-top:125px;/*50px*/
        }     
  
    h3 {
        font-size:1.7em;
        }
    
    h3.quotebox {
        font-size:1.6em;
        text-align:center;
        }   
    
    h4 {
        font-size:1.6em;    
        }
    
    p.livedate {
        margin-top:60px;
        }    
        
    .hideonlarge {
        display:inline;
        }   
    
    .counters {
        line-height:20px;
        }
    
    .counters span.label, .counters span.tally {
        font-size:1.2em;    
        }
    
    .bigcountdown span.tally {
        font-size:2.4em;    
        }
    
    .bigcountdown span.label {
        font-size:1.6em;
        }
    
    .fa-3x { 
        font-size:2em;
        }
        
    .pullquote { 
        font-size:16px;
        }
    
    #splash-home { 
        height:450px;
        }
    
    #splashtext { 
        margin-top:50px;
        }
    
    .fundthefuture, .thankyou, .opportunities, .datafest, .studentchapters, .fndays, .travelfund, .headshots, .bodvideo, .bodthanks {
        padding:50px 0 50px 0;
        }
    }

@media only screen and (max-width:325px) {
    h2.thanks { 
        margin-top:80px;
        }
    }

@media only screen and (min-width:521px) and (max-width:768px) {
    h2.thanks {
        font-size:2.5em;
        margin-top:120px; /*275px*/
        }
    }

@media only screen and (min-width:481px) and (max-width:768px) {    
    p.livedate {
        margin-top:0;
        }
    }

@media only screen and (max-width:768px) {
    
    .bigcountdown {
        padding-bottom:0;
        }
    
    .fb {
        text-align:center;
        margin-bottom:10px;
        }
    
    #navbar .row {
		margin-right: 0rem;
		margin-left: 0rem;
		}
	
	#navmenu ul {
		margin-top:-10px;
		padding-top:15px;
		text-align:center;
		}
	
	#navbar li {
		width:100% !important;
		border:0 !important; 
		}
		
	li.menuhead, span.tagline, #promo {
		display:none;
		}
	
	#navbar li a, #navbar li a:visited {
		background-color:#1b75bb;
		color:#ffffff;	
		display:block;
		text-decoration:none;
		}

	#navbar li a:active, #navbar li a:hover { 
		background-color:#8cc63e;
		border-top:0;
		}
    
    .chap1a {
        order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        }

    .chap1b {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        }

    .chap1c {
        order: 3;
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        }   

    .chap1d {
        order: 4;
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        }

    .chap1e {
        order: 5;
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        }     
    
    .travel1a {
        order: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        }

    .travel1b {
        order: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        }

    .travel1c {
        order: 3;
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        }   

    .travel1d {
        order: 4;
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        }

    .travel1e {
        order: 5;
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        }     

    .hundy {
        margin-bottom:100px;
        }
    
    .centerme {
        text-align:center;
        }
    
	/* hamburger menu */
	
	.c-hamburger {
		font-size: 0;
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 48px;
		height: 48px;
		text-indent: -9999px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
		}

		.c-hamburger:focus {
			outline: none;
			}

		.c-hamburger span {
			display: block;
			position: absolute;
			top: 22px;
			left: 9px;
			right: 9px;
			height: 4px;
			background: white;
			}

		.c-hamburger span::before,
		.c-hamburger span::after {
			background-color: #fff;
			position: absolute;
			display: block;
			left: 0;
			width: 100%;
			height: 4px;
			content: "";
			}

		.c-hamburger span::before {
			top: -10px;
			}

		.c-hamburger span::after {
			bottom: -10px;
			}
	
		.c-hamburger--htx {
			background-color: #8cc63e;
			}

		.c-hamburger--htx span {
			transition: background 0s 0.3s;
			}

		.c-hamburger--htx span::before,
		.c-hamburger--htx span::after {
			transition-duration: 0.3s, 0.3s;
			transition-delay: 0.3s, 0s;
			}

		.c-hamburger--htx span::before {
			transition-property: top, transform;
			}

		.c-hamburger--htx span::after {
			transition-property: bottom, transform;
			}
	
		/* active state, i.e. menu open */
		.c-hamburger--htx.is-active {
			background-color: #1b75bb;
			}

		.c-hamburger--htx.is-active span {
			background: none;
			}

		.c-hamburger--htx.is-active span::before {
			top: 0;
			transform: rotate(45deg);
			}

		.c-hamburger--htx.is-active span::after {
			bottom: 0;
			transform: rotate(-45deg);
			}

		.c-hamburger--htx.is-active span::before,
		.c-hamburger--htx.is-active span::after {
			transition-delay: 0s, 0.3s;
			}

	.responsive-menu{
		background:#1b75bb;
		max-height:0;
		overflow:hidden;
		transition:all .25s;
		}	

	.expand {
		display: block !important;
		padding-top:10px;
		max-height:600px;
		}

	/* end of hamburger menu */
	}

@media only screen and (min-width:1200px) and (max-width:1430px) {
    h2.thanks {
        font-size:3em; /*3.5em*/
        margin-top:250px; /*300px*/
        }
    }

@media only screen and (min-width:769px) and (max-width:1199px) {
    h2.thanks {
        font-size:3em;
        margin-top:190px; /*300px*/
        }
    
    p.livedate {
        margin-top:50px;
        }
    }

@media only screen and (max-width:1023px) {
    
    .tweetbox {margin:15px 0; }
    
    .hideonsmall { 
        display:none;
        }
    
    #navbar li.menuhead {
        background-color:#8cc63e;
        display:none;
        }
    
    #navbar li {
        /*width:16.66666666666667%;*/
        width:16.557%;
        }
    
    #navbar li:nth-child(5n) { 
        border-left:1px solid #ffffff;
        }

    
    p.givetext {
        font-size:3em;
        font-weight:500;
        line-height:1em;
        color:#1b75bb;
        display:block;
        margin:0;
        }
    
    span.taglinesmall {
        font-size:20px;
        letter-spacing:.09em;
        line-height:20px;
        font-weight:500;
        font-style:italic;
        }
    
    .timeleft {
        text-align:center !important;
        padding-right:0;
        line-height:30px;
        }
    
    .hideonlarge {
        display:inline;
        }
    
    .counters {
        text-align:center;
        line-height: 1.5em;
        margin-bottom:20px;
        } 
    
    #secondarynav li {
        display:none;
        }
    }

@media only screen and (min-width:1024px) and (max-width:1260px) {
    #secondarynav ul span {display:none;}
    }

@media only screen and (min-width:1024px) and (max-width:1320px) {
    #navbar li.menuhead span.tagline {
        font-size:1.05em;
        letter-spacing:0;
        }
    }

@media only screen and (max-width:1600px) {
    h4 {
        line-height:1.3em;
        }
    }
    
@media only screen and (min-width:1024px) and (max-width:1590px) {
    #navbar li { 
        width:12.8%;
        }
    }

@media only screen and (min-width:481px) and (max-width:767px) {
    h2 {
        font-size:4.6em;
        line-height:1.4em;
    }

    #splashtext {
        margin-top:125px;
    }   
}


