@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,600,600italic);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700&display=swap');
Body{
	color: #333232;
	FONT-SIZE: 14px;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	line-height:1.6;	
	}

/*::selection {color:#FFF;background:#13675c;}
::-moz-selection {color:#FFF;background:#13675c;}
::-o-selection {color:#FFF;background:#13675c;}
::-ms-selection {color:#FFF;background:#13675c;}
::-webkit-selection {color:#FFF;background:#13675c;}*/
 
.Shadow{
 -moz-box-shadow: 0px 0px 15px 0px #b0b0b0;
 -webkit-box-shadow: 0px 0px 15px 0px #b0b0b0;
 box-shadow: 0px 0px 15px 0px #b0b0b0;}	
 
.FontColor1 {color: #4c2a51;}
.FontColor2 {color:#ea5d28;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}
.FontColor5 {color:#868686;}
.FontColor6 {color:#bbb;}
.FontStyle1 {font-family: 'Courgette', cursive;}

.BgColor1 {background-color:#d0d0d0;}
.BgColor2 {background-color:#fff;}
.BgColor3 {background-color:#ebebeb;}

.linethrough {  text-decoration: line-through;
  -webkit-text-decoration-line: line-through;}

.Transparent {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.TableAltHeader1 {background-color:#13675c; color:#fff;}
.AltColor11 {background-color:#;}
.AltColor12 {background-color:#;}

.TableAltHeader2 {background-color:#f77c59; color:#fff;}
.AltColor21 {background-color:#;}
.AltColor22 {background-color:#;}

/* Font Sizes */
.SmallerText {FONT-SIZE:11px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 15px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:24px;}
.BiggerText {FONT-SIZE:32px;}
.LargeText {FONT-SIZE:40px;}
.SmallerLink{FONT-SIZE:11px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}
	
.JustLinks {TEXT-DECORATION:none; cursor: pointer}
a.JustLinks:hover{TEXT-DECORATION: underline;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
.Button{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	padding:6px 20px;
	box-sizing:border-box;
	cursor:pointer;
	text-decoration:none;
	outline:none;	
	display:inline-block;
}
.ButtonSmall{
	font-family: 'Open Sans', sans-serif;
	font-size:11px;		
	padding:2px 8px;
	box-sizing:border-box;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonMedium{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;	
	padding:4px 15px;
	box-sizing:border-box;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;	
}
.ButtonBig{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;	
	padding:8px 20px;
	box-sizing:border-box;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}
.ButtonColor1{
	color:#fff;	
	background-color: #4c2a51;			
	border:1px solid #4c2a51;
	transition:0.3s ease;	
}
input.ButtonColor1:hover{
	color:#fff;	
	background-color: #f77c59;			
	border:1px solid #f77c59;	
}
a.ButtonColor1:hover{
	color:#fff;	
	background-color: #f77c59;			
	border:1px solid #f77c59;	
}
.ButtonColor1:active{
	top:1px;
	position:relative;
}
.ButtonColor2{
	color:#fff;	
	background-color: #f77c59;			
	border:1px solid #f77c59;
    
}
.ButtonColor2:hover{
	color:#fff;	
	background-color: #eb4130;		
	border:1px solid #eb4130;	
}
.ButtonColor2:active{
	top:1px;
	position:relative;
}

.Gradientbg{
	color:#000;	
	background-color: #e8e8e8;
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -moz-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -o-linear-gradient(top, #f4f4f4, #e5e5e5);	
	border:2px solid #c2c2c2;
	padding:2px 10px;	
}

/* All Border Styles */
.Border1 {border-width:1px; border-style:solid}
.Border2 {border-width: 2px;  border-style:solid}
.Border5 {border-width: 5px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottom6{border-bottom:6px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderLeft3{border-left:3px solid;}
.BorderRight1{border-right:1px solid;}
.BorderRight2{border-right:2px solid;}

.BorderColor1{border-color: #ddd}
.BorderColor2{border-color: #f77c59}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded8{border-radius:8px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded20{border-radius:20px;}

/* Table Style */		
.TableStyle {
    border-collapse: collapse;
    border-spacing: 0;	     
	background-color: #fff;
	padding: 20px 10px
}
.TableStyle th {    
    padding:7px;
	color:#000;	
}
.TableStyle td {      
    padding:3px 7px;
	border-top: 1px solid #ddd;
	padding: 20px 10px;
}


/* Text Box Style*/	

.TextBox{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	padding:10px;
	background-color:#fbf9f8;
	border:1px solid #e4e2de;
	border-radius:0px;	
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	background-color:#fff;
	border:1px solid #d0d0d0;
	transition:0.3s ease;
}
.TextBoxSmall{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	padding:5px;
	background-color:#fbf9f8;
	border:1px solid #e4e2de;
	border-radius:0px;	
	box-sizing: border-box;
	outline: none;
}
.TextBoxSmall:focus{	
	background-color:#fff;
	border:1px solid #d0d0d0;
	transition:0.3s ease;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
::placeholder{	
	font-family: 'Roboto', sans-serif;
	opacity:0.4;
	color:#fff;	
	}
:-ms-input-placeholder{		
	font-family: 'Roboto', sans-serif;
	opacity:0.4;
	color:#fff;
}

.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Roboto', sans-serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Roboto', sans-serif;
}
.Header{
	background-color:#fff;
	width:100%;
	position:fixed;
	z-index:500;
	top:0;
	}
.Topmargin{margin-top:120px;}
.Footer{	
	background-color:#32302f;
	box-sizing:border-box;	
	padding:70px 10px;
}
.Testimonials{
	background-image:linear-gradient(to bottom, rgba(59,59,59,0.6) 0%,rgba(59,59,59,0.6) 100%), url(../images/testimonial-bg.jpg);		
	background-image:-webkit-linear-gradient(to bottom, rgba(59,59,59,0.6) 0%,rgba(59,59,59,0.6) 100%), url(../images/testimonial-bg.jpg);	
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;	
	min-height:660px;
	padding:90px 10px;
	box-sizing:border-box;
}
.Copyright{
	background-color:#2a2928;
	padding:20px 10px;
	box-sizing:border-box;
	color: #808080
	}
.view {	
   float: left;  
   overflow: hidden;
   position: relative;
   text-align: center;   
   cursor: pointer;   
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.3,1.3);
   -moz-transform: scale(1.3,1.3);
   -o-transform: scale(1.3,1.3);
   -ms-transform: scale(1.3,1.3);
   transform: scale(1.3,1.3);
}
.view-first .mask {
	padding-top:7%;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(19,103,92, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;   
}
.view-first .mask a{	
   text-decoration:none;
   height:100vh;
   width:100%;
   display:block;
}
.view .mask,.view .content {
   width: 100%;
   height: 100vh;
   position: absolute;
   overflow: hidden;
  top:0;
  left:0;
}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.parallax{
	background:url(../images/Empowher-Parallax.jpg) no-repeat fixed;
	background-position:center 10%;
	background-size:cover;
	min-height:440px;	
	}
.AboutusBanner{
	background-image:url(../images/our-story.jpg);
	background-size:cover;
	background-position:center 25%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.TeamBanner{
	background-image:url(../images/team-banner.jpg);
	background-size:cover;
	background-position:center 40%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.FinancialsBanner{
	background-image:url(../images/financial-inclusion.jpg);
	background-size:100%;
	background-position:center bottom 10%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.ProgramsBanner{
	background-image:url(../images/programs-banner.jpg);
	background-size:cover;
	background-position:center 35%;
	background-repeat:no-repeat;
	min-height:560px;		
	}
.F_inclusionBanner{
	background-image:url(../images/financial-inclusion.jpg);
	background-size:cover;
	background-position:center 25%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.WashBanner{
	background-image:url(../images/wash-banner.jpg);
	background-size:cover;
	background-position:center 34%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
	.GirlBanner{
	background-image:url(../images/adolescent-girls-banner.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:460px;		
	}
	.CleanWaterBanner{
	background-image:url(../images/clean-drinking-water-banner.jpg);
	background-size:cover;
	background-position:center 34%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.EducationBanner{
	background-image:url(../images/education-banner.jpg);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.GalleryBanner{
	background-image: url(../images/photogallery-banner.jpg);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.PrimaryhealthBanner{
	background-image: url(../images/primary-health-banner.jpg);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.GalleryInnBanner{
	background-image:url(../images/gallery-banner.jpg);
	background-size:cover;
	background-position:center 45%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
	.KathagramBanner{
	background-image:url(../images/gallery-kathagram.jpg);
	background-size:cover;
	background-position:center 45%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
	.MarathonBanner{
	background-image:url(../images/gallery-marathon.jpg);
	background-size:cover;
	background-position:center 45%;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.ContactBanner{
	background-image:url(../images/contact-banner.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:460px;		
	}
	.VolunteerBanner{
	background-image:url(../images/volunteer-banner.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:460px;		
	}
.Innerheading{top:50%; left:20%; transform:translateY(-50%); text-shadow:1px 1px 3px #333; position:absolute;}
.a{text-decoration:none;}
.a:hover{color:#f77c59; transition:0.3s ease;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:10px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.smallcart-background{
            background:rgba(0,0,0,.7);            
            height:100%;
            right:0;
            top:0;
            position:fixed;
            width:100%;
            z-index:900;
        }
.smallcartbox{
	background-color:#FFF;
	width:90%;			
	max-width:500px;
	height:100%;	
	float:right;    		 
		top:0;      
        right:0;		
		position: fixed;
        z-index:999;
		visibility: visible;
		box-shadow:0px 10px 15px 0px #000;
}
.smallcartbox .close1{
	width:24px;
	height:24px;
	border:2px solid #FFF;
	border-radius:50%;
	line-height:24px;
	text-align:center;		
	left:-9%;
	margin-top:20px;
	position:absolute;
	z-index:901;	
}
.smallcartbox .close1 a{
	color:#fff;	
	font-size:18px;
	text-decoration:none;	
}
.viewcart{top: -40px; right:50px}

@media screen and (max-width:1439px) {
	.Innerheading{top:50%; left:7%; transform:translateY(-50%); text-shadow:1px 1px 3px #000; position:absolute;}
}
@media screen and (max-width:1169px) {
.AboutusBanner{	
	height:400px;
	min-height:300px;		
	}
.TeamBanner{	
	height:400px;
	min-height:300px;		
	}
.FinancialsBanner{
	height:400px;	
	min-height:300px;		
	}
.ProgramsBanner{	
	height:500px;
	min-height:300px;		
	}
.F_inclusionBanner{	
	height:400px;	
	min-height:300px;		
	}
.WashBanner{	
	height:400px;	
	min-height:300px;	
	}
		.CleanWaterBanner{
	height:400px;	
	min-height:300px;		
	}
.EducationBanner{	
	height:400px;	
	min-height:300px;			
	}
.GalleryBanner{	
	height:400px;	
	min-height:300px;		
	}
.PrimaryhealthBanner{
	height:400px;
	min-height:300px;		
	}
.GalleryInnBanner{	
	height:400px;	
	min-height:300px;		
	}
	.KathagramBanner{	
	height:400px;	
	min-height:300px;		
	}
	.MarathonBanner{	
	height:400px;	
	min-height:300px;		
	}
.ContactBanner{
	height:400px;	
	min-height:300px;
}
.VolunteerBanner
{
	height:400px;	
	min-height:300px;
}
.GirlBanner{
	height:400px;	
	min-height:300px;		
	}
.Innerheading{top:50%; left:4%; line-height:1.2;}
}
@media screen and (max-width:1023px) {
Body {FONT-SIZE:13px;}
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE: 14px;}
.NormalTextBig {FONT-SIZE:17px;}
.Heading {FONT-SIZE:22px;}
.BiggerText {FONT-SIZE:30px;}
.LargeText {FONT-SIZE:38px;}
.Testimonials{	
	min-height:500px;
	padding:50px 10px;
	box-sizing:border-box;
}
.Footer{	
	padding:40px 10px;
}
.parallax{
	background:url(../images/Empowher-Parallax.jpg) no-repeat fixed;
	background-position:center center;
	background-size:cover;
	min-height:340px;	
	}
.AboutusBanner{	
	height:360px;
	min-height:250px;		
	}
.TeamBanner{	
	height:360px;
	min-height:250px;		
	}
.FinancialsBanner{
	height:360px;	
	min-height:250px;		
	}
.ProgramsBanner{	
	height:360px;
	min-height:250px;		
	}
.F_inclusionBanner{	
	height:360px;
	min-height:250px;		
	}
.WashBanner{	
	height:360px;
	min-height:250px;	
	}
	.CleanWaterBanner{
	height:360px;
	min-height:250px;		
	}
.EducationBanner{	
	height:360px;
	min-height:250px;			
	}
.GalleryBanner{	
	height:360px;
	min-height:250px;		
	}
.PrimaryhealthBanner{
	height:360px;
	min-height:250px;		
	}
.GalleryInnBanner{	
	height:360px;
	min-height:250px;		
	}
	.KathagramBanner{	
	height:360px;
	min-height:250px;		
	}
	.MarathonBanner{	
	height:360px;
	min-height:250px;		
	}
.ContactBanner{
	height:360px;
	min-height:250px;		
	}
	.VolunteerBanner
{
	height:360px;	
	min-height:250px;
}
.GirlBanner{
	height:360px;	
	min-height:250px;		
	}
.Button{
	font-size:14px;	
	padding:6px 10px;
	
}
}
@media screen and (max-width:767px) {
.NormalText {FONT-SIZE: 14px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:28px;}
.LargeText {FONT-SIZE:36px;}
.Button{
	font-size:14px;	
	padding:5px 10px;	
}
 .Testimonials{	
	min-height:420px;
	padding:30px 10px;
	box-sizing:border-box;
}
.Footer{	
	padding:20px 10px;
}
.parallax{
	background:url(../images/Empowher-Parallax.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:340px;	
	}
.AboutusBanner{	
	height:300px;
	min-height:200px;		
	}
.TeamBanner{	
	height:300px;
	min-height:200px;		
	}
.FinancialsBanner{
	height:300px;	
	min-height:200px;		
	}
.ProgramsBanner{	
	height:300px;
	min-height:200px;		
	}
.F_inclusionBanner{	
	height:300px;
	min-height:200px;		
	}
.WashBanner{	
	height:300px;
	min-height:200px;	
	}
	.CleanWaterBanner{	
	height:300px;
	min-height:200px;	
	}
	
.EducationBanner{	
	height:300px;
	min-height:200px;			
	}
.GalleryBanner{	
	height:300px;
	min-height:200px;		
	}
.PrimaryhealthBanner{
	height:300px;
	min-height:200px;		
	}
.GalleryInnBanner{	
	height:300px;
	min-height:200px;		
	}
	.KathagramBanner{	
	height:300px;
	min-height:200px;		
	}
	.MarathonBanner{	
	height:300px;
	min-height:200px;		
	}
.ContactBanner{
	height:300px;
	min-height:200px;		
	}
	.VolunteerBanner
{
	height:300px;	
	min-height:200px;
}
	.GirlBanner{
	height:300px;	
	min-height:200px;		
	}
	.viewcart{top: -30px; right:10px}
}

@media screen and (max-width:639px) {
.NormalText {FONT-SIZE: 14px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:26px;}
.LargeText {FONT-SIZE:30px;}
.Button{
	font-size:13px;	
	padding:5px 10px;	
}
.ButtonSmall{	
	font-size:10px;		
	padding:2px 6px;	
}
.ButtonMedium{	
	font-size:12px;	
	padding:4px 12px;	
}
.ButtonBig{	
	font-size:18px;	
	padding:6px 20px;	
}
.parallax{
	background:url(../images/Empowher-Parallax.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:250px;	
	}
.AboutusBanner{	
	height:250px;
	min-height:200px;		
	}
.TeamBanner{	
	height:250px;
	min-height:200px;		
	}
.FinancialsBanner{
	height:250px;	
	min-height:200px;		
	}
.ProgramsBanner{	
	height:250px;
	min-height:200px;		
	}
.F_inclusionBanner{	
	height:250px;
	min-height:200px;		
	}
.WashBanner{	
	height:250px;
	min-height:200px;	
	}
	.CleanWaterBanner{	
	height:250px;
	min-height:200px;	
	}
.EducationBanner{	
	height:250px;
	min-height:200px;			
	}
.GalleryBanner{	
	height:250px;
	min-height:200px;		
	}
.PrimaryhealthBanner{
	height:250px;
	min-height:200px;		
	}
.GalleryInnBanner{	
	height:250px;
	min-height:200px;		
	}
	.KathagramBanner{	
	height:250px;
	min-height:200px;		
	}
	.MarathonBanner{	
	height:250px;
	min-height:200px;		
	}
.ContactBanner{
	height:250px;
	min-height:200px;		
	}
	.VolunteerBanner
{
	height:250px;	
	min-height:200px;
}
	.GirlBanner{
	height:250px;	
	min-height:200px;		
	}
.Innerheading{top:40%;}
	.Topmargin{margin-top:160px;}
}
@media screen and (max-width:479px) {
Body {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 13px;}
.NormalTextBig {FONT-SIZE:15px;}
.Heading {FONT-SIZE:18px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:28px;}
.Button{
	font-size:11px;	
	padding:3px 6px;	
}
.ButtonSmall{	
	font-size:10px;		
	padding:2px 6px;	
}
.ButtonMedium{	
	font-size:12px;	
	padding:4px 12px;	
}
.ButtonBig{	
	font-size:16px;	
	padding:6px 18px;	
}
.Topmargin{margin-top:150px;}
.parallax{
	background:url(../images/Empowher-Parallax.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:200px;	
	}
.AboutusBanner{	
	height:200px;
	min-height:150px;		
	}
.TeamBanner{	
	height:200px;
	min-height:150px;		
	}
.FinancialsBanner{
	height:200px;	
	min-height:150px;		
	}
.ProgramsBanner{	
	height:200px;
	min-height:150px;		
	}
.F_inclusionBanner{	
	height:200px;
	min-height:150px;		
	}
.WashBanner{	
	height:200px;
	min-height:150px;	
	}
	.CleanWaterBanner{	
	height:200px;
	min-height:150px;	
	}
.EducationBanner{	
	height:200px;
	min-height:150px;			
	}
.GalleryBanner{	
	height:200px;
	min-height:150px;		
	}
.PrimaryhealthBanner{
	height:200px;
	min-height:150px;		
	}
.GalleryInnBanner{	
	height:200px;
	min-height:150px;		
	}
	.KathagramBanner{	
	height:200px;
	min-height:150px;		
	}
	.MarathonBanner{	
	height:200px;
	min-height:150px;		
	}
.ContactBanner{
	height:200px;
	min-height:150px;		
	}
	.VolunteerBanner
{
	height:200px;	
	min-height:150px;
}
	.GirlBanner{
	height:200px;	
	min-height:150px;		
	}	
}
@media screen and (max-width:359px) {
.Button{
	font-size:12px;	
	padding:3px 8px;	
}

}


 .pop-up-background
        {
            background:rgba(0,0,0,.7);            
            height:100%;
            left:0;
            top:0;
            position:fixed;
            width:100%;
            z-index:100;
        }
		
  .pop-up
        {
            border:3px solid #ddd;            
            margin: auto;
            position: absolute;
			display: inline-block;
            top:50%;
            left:50%;
			transform:translate(-50%, -50%);           
            background: #fff;
            max-width:400px;
			width:95%;			
            -moz-box-shadow: 0px 0px 12px 5px #363636;
            -webkit-box-shadow: 0px 0px 12px 5px #363636;
            box-shadow: 0px 0px 12px 5px #363636;
            z-index: 104;
        }
  .Close{
            position: absolute;
            z-index: 106;
            text-align: right;
			right:-15px;
			margin-top:-20px;
			display:inline-block;
			cursor:pointer;
}




/*.content {
  width: 100%;
}
*/


/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top:85px;
}