@charset "utf-8";

html {
  scroll-behavior: smooth;
}

body {
	font-family: pontano-sans, sans-serif;
	font-size: 16px;
	line-height:1.75em;
	color: white;
	background-color: #3c54a4;
	margin: 0;
	background-image:url(images/background-sm.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: top left;
	padding-top: 4.5rem;
}

.container-fluid .jumbotron {
	margin-bottom: 0;
	height: 30rem;
	background-color:transparent;

}

.container-fluid {
	background-color:transparent;
	padding-right: 0;
	padding-left: 0;
}


.panel {
	color: #FFFFFF;
	padding: .5rem;
}

.lax {
	margin-bottom: 2rem;
	margin-top: 2rem;
	padding: 1rem;
	background-color: #3c54a4;
	color: white;
	font-size: 1.2em;
	line-height: 1.75em;
	/*min-height: 60vh;*/
}

#navbar {
	background-color: #3c54a4;
	color: white;
	font-size: 1.25rem;
	padding: .25rem;
}

#navbar a:active {
	color: white;
}

.navbar-toggler-icon {
	height: auto;
}

.pads {
	padding-left: 1.75rem !important;
	padding-right: 1.75rem !important;
}

.popup {
	display:none;
}

#how-you-can-help {
	background-image:url(images/Help@0,25x.png);
	background-size:contain;
	background-repeat:no-repeat;
	padding-top:12rem;
}


#whats-next {
	background-image:url(images/WhatsNext@0,25x.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	padding-top:12rem;
}

label {
	font-weight:400;
}

#content .well-lg {
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 1.4rem;
	padding: .5rem;
	padding-left: 1.75rem;
	padding-right: 1.75rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.fixed-bottom {
	/*background-color: #000000;*/
	color: white;
	padding: .5rem;
}

#home #logo {
	background-image: url(images/HavanaHeritageFoundLogo.png);
	height: 24%;
	background-repeat:no-repeat;
	background-size: contain;
}

#content {
	background-color: #3c54a4;
	margin-bottom: 2rem;
}

/*panels*/
#third-home-column .panel.text-center {
	background-color: transparent;


}
#second-home-column .panel.text-center {
	background-color: transparent;

}
#first-home-column .panel.text-center {
	background-color: transparent;

}

.panel.text-center img {
	max-width: 100%;
}

.panel-heading {min-height: 4rem;margin-top: 1.75rem;}


a, a:hover {
	text-decoration:none;
	color: white !important;
}

.btn-link {color: black !important;}



/**************** Responsive ***************/

@media (min-width: 1440px){

	body {
		background-image:url(images/background.jpg);

	}

}

@media (min-width: 1200px){
.container, #content {
    width: 100%;
}

body {
	background-image:url(images/background-m.jpg);
	background-size: cover;
	padding-top: 5rem;
	background-position: center 1rem;
}

.container-fluid .jumbotron {

	height: 100vh;
	padding-left: 4.5rem;
	padding-top: 1rem;

}

#content {
	margin-top: 1%;
}

.pads {
	padding-left: 14rem !important;
	padding-right: 14rem !important;
}

h1.pads {
	margin-bottom: 2rem;
}

.soft-return {
	margin-top: 3rem;
	margin-bottom: .5rem;
}

.section {
	padding-left: 6rem;
	padding-right: 6rem;
}

#who-we-are {
	padding-top: 3rem;
}

.h1 {
	margin-top: 1rem;
}

#contact-us .row {
	margin-bottom: 1.5rem;
}

}
@media (min-width: 992px){
	.container, #content {
	    width: 100%;
	}

	.pads {
		padding-left: 6.5rem !important;
		padding-right: 6.5rem !important;
	}

	body {
		background-image:url(images/background-m.jpg);
	}

	#content {
		/*width: 970px;*/
	}

	#header #logo {
		/*background-image: url(images/HavanaHeritageFoundLogo.png);
		width: 70%;
		height: 115px;*/
	}

}
@media (min-width: 768px){
	.container, #content {
	    width: 100%;
	}

	body {
		background-image:url(images/background-m.jpg);
	}

	#content {
		/*width: 750px;*/
	}

	.form-control.col-sm-4 {width:33.333333333% !important; padding-left: 0;padding-right:0;}
	.form-control.col-sm-6 {width:50% !important;}
	.form-control.col-sm-8 {width:66.66666667% !important;}
	.form-control.col-sm-9 {width:75% !important;}
	.form-control.col-sm-10 {width:83.33333333333333% !important;}

	#introduction .col-sm-4 {
		padding-left:2rem;
		padding-right:2rem;
	}

	#how-you-can-help {
		background-image:url(images/Help.png);
		background-size:cover;
		background-repeat:no-repeat;
		padding-top:18rem;

	}

	#whats-next {
		background-image:url(images/WhatsNext@1x.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		padding-top:18rem;

	}



}