h1{
	font-size: 2rem;
	font-weight:bold ;
}
h2{
	font-size: 1.5rem;
	font-weight: 300;
}
h3{
	font-size: 1.5rem;
	font-weight: 200;
}
h4{
	font-size: 1.5rem;
	font-weight: 100;
}
h5{
	font-size: 1.25rem;
}
h6{
	font-size: 1rem;
}
 
html {
	/* background: linear-gradient(to bottom right, #f3e4d1, #e5cd9f); */
	background-color: #f3ead1;
	overflow-y: scroll !important;
}

.main {
	min-height: 300px;
}

.dropdown-toggle {
	outline: none !important;
	box-shadow: none !important;
   -webkit-box-shadow: none !important;
}

.hero{
	background-image: url('../images/jumbotron.png');
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	height: 500px;
	background-color: transparent;
	/* border-color: black;
	border-style: solid; */
}

a {
	color: #0d1e32;
}
a:hover {
	text-decoration: none;
	color: #0d1e32;
}

.gallery {
	max-width:400px;
 	min-height: 150px;
 	max-height:150px;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
}

.modal-dialog{
  display: table;
  max-width: 60% !important; /* safari fix */
}
.modal-body img {		
	max-width: 85vw;
}

.modal-backdrop.show {
    opacity: 0.6;
}

.page-item .page-link {
	/* z-index: 1;
	color: #fff;
	background-color:brown;
	border-color: #AEFF5E; */
	outline: none !important;
	box-shadow: none !important;
   -webkit-box-shadow: none !important;
} 

@media (min-width: 990px) {
    body {
		/* font-family: 'Comfortaa', cursive; */
		font-family: 'Comfortaa', Verdana, Geneva, Tahoma, sans-serif;
		color: #0d1e32;
		/* body shadows */
		/* -webkit-box-shadow: -2px 0px 10px 0px rgb(87, 62, 4), 2px 0px 10px 0px rgb(87, 62, 4);
		-moz-box-shadow: -2px 0px 10px 0px rgb(87, 62, 4), 2px 0px 10px 0px rgb(87, 62, 4);
		box-shadow: -2px 0px 10px 0px rgb(87, 62, 4), 2px 0px 10px 0px rgb(87, 62, 4); */
		
		margin: auto;

		max-width: 1330px;
		padding: 5px;
		min-height: 100vh;
		background-color: transparent;
	}
	#background {
		position: fixed;
		top: 0;
		left: 0;
		/* width: 100%; */
		width: 100vw;
		/* height: 100%; */
		height: 100vh;
		
		background-image: url('../images/bg.jpg');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size:cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		background-position:center;
		opacity: 0.1;
		filter:alpha(opacity=10);
		/* overflow: hidden; */
		z-index: -1;
		/* background-blend-mode: lighten; */
	}
	/*When the modal fills the screen it has an even 2.5% on top and bottom*/
	/*Centers the modal*/
	.modal-dialog {
		margin: 2.5vh auto;
	}
	
	/*Sets the maximum height of the entire modal to 95% of the screen height*/
	.modal-content {
		max-height: 95vh;
		overflow: disabled;
	}
	
	/*Sets the maximum height of the modal body to 90% of the screen height*/
	.modal-body {
		max-height: 90vh;
	}
	/*Sets the maximum height of the modal image to 69% of the screen height*/
	.modal-body img {	
		max-width: 60vw; /* safari fix */	
		max-height: 69vh;
	}
	body.modal-open {
		padding-left: 5px !important;
		padding-right: 5px !important;
		width: auto;
	}
	.up{
		transition: transform .2s;
	}
	
	.up:hover {
		-ms-transform: translate(0px, -5px);
		-webkit-transform: translate(0px, -5px);
		transform: translate(0px, -5px);
		cursor: pointer;
	}
	
	.zoom {
		transition: transform .2s;
	}
	
	.zoom:hover {
		transform: scale(1.1);
		/* -ms-transform: translate(0px, -20px);
		-webkit-transform: translate(0px, -20px);
		transform: translate(0px, -20px); */
	}
}

@media (max-width: 990px) {
	body{
		font-size: 0.9rem;
		font-family: 'Comfortaa', cursive;
		color: #0d1e32;
		background-color: transparent;
	}
	.heromobile{
		background-image: url('../images/jumbotron.png');
		background-position: right;
		background-size:cover;
		background-repeat: no-repeat;
		height: 500px;
		background-color: #f3e4d1;
		/* border-color: black;
		border-style: solid; */
	}
	h1{
		font-size: 1.6rem;
	}
	h2{
		font-size: 1.2rem;
	}
	h3{
		font-size: 1.2rem;
	}
	h4{
		font-size: 1.2rem;
	}
	h5{
		font-size: 0.95rem;
	}
	h6{
		font-size: 0.7rem;
	}
}
@media (max-width: 574px) {
	.text-xs-center {
		text-align: center;
	}
}