@charset "UTF-8";
/* CSS Document */

/* Mobile */

@media (max-width: 950px) {
	
	.content-block p {
		font-size: 1.5em !important;
	}
	
	h3 {
		font-size: 2em !important;
	}	
	
#Lulu_Hero {
	width: 100% !important;
}
	
header {
		padding-top: 0px !important;
	min-height: 70px;
	height: auto;
	}	
	
	#nav_logo {
		width: 75px;
		position: absolute !important;
	}
	
	
	.hero {
		height: 700px !important;
	}
	
		#slogan {
		margin-top: 300px !important;
		font-size: 9vw !important;
	}
	
.topnav a:not(:first-child) {
	display: none;
	}
	
.topnav a.icon {
    float: right;
    display: block;
	width: 20px;
	text-align: right;
	font-size: 20px;
	margin-right: 0px;
	background-color: #c02032;
	color: #fff;
	}

.topnav a.icon:hover {
		background-color: transparent !important;
		color: #212f64 !important;
	}

.topnav.responsive {
	position: absolute;
	padding-top: 60px;
	margin-right: 0px !important;
	width: 100%;
	height: auto!important;
	background-color: #FFF
	
	}
	
.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	text-align: right;
	margin-right: 0px !important;
	
  }
	
.topnav.responsive a {
    display: block;
    text-align: right;
	text-shadow: none !important;
	height: 21px;
  }

.topnav {
	margin-top: -0px !important;
	margin-right: 0px !important;
	padding: none !important;
	}
	
#donate-button-desktop {
	width: 100%;
	float: right;
	background-color: #212f64;
	margin-right: 0px;
	text-align: right;
	font-size: 20px;
	text-shadow: none !important;

}
	
	.donate-hero {
		box-shadow: none !important;
		background-color: #c02032!important;
	}


#header_logo {
display: none;
	}

.text_column {
	width: 50% !important;
}
	
	.donate-a-btn {
		width: 80%!important;
		margin: 0px !important;
	}
	
.banner {
	background-image: none !important;
	background-color: #c02032 !important;
	min-height: none !important;
}
	
	.donation-links-wrapper {
	width: 100%;
	text-align: center;
	margin: 50px 0px !important;
}
	
	.footer_column p {
		padding: 0px !important;
	}
	
	#mobile_logo {
	display: none !important;
}
	
	#mobile_logo img {
		max-width: 300px;
		height: auto !important;
}
	
	#mobile-donate-button {
		display: block !important;
	}

	.text_column span {
		font-size: 50px !important;
		width: 125px !important;
	}
	
}


/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

.about h2 {
		padding-left: 0px;
	}
	
.text_column {
	width: 100%;
}
.thumbnail {
	width: 50%;
}

.banner {
	margin-top: 0px;
	padding-top: 0px;
}
}

@media (max-width: 500px) {
	#issues {
		font-size: 3.1vw;
	}
}