h1,h2,h3,h4,h5,h6{font-family:'Nunito', Helvetica, Arial, sans-serif}
.cursive {font-family: 'Yellowtail', cursive !important;}

@-webkit-keyframes slide{from{background-position:750px}to{background-position:0px}}
@-moz-keyframes slide{from{background-position:750px}to{background-position:0px}}
@-ms-keyframes slide{from{background-position:750px}to{background-position:0px}}
@-o-keyframes slide{from{background-position:750px}to{background-position:0px}}
@keyframes slide{from{background-position:750px}to{background-position:0px}}

#sweeping-gallery {
	padding:0;
	background-image: url(../img/gallery-slider-dark.jpg);
	background-repeat: repeat;
	background-size: 750px;
	color: #fff;
	text-shadow: 0 1px 3px #000
}

#sweeping-gallery .btn {
	text-shadow: none !important
}

.navbar {min-height:75px}
.navbar-brand img {
	position: relative;
top: -3px;
left: -2px;
}

.modal-body {max-height: 300px;overflow-y: auto}


.inset-left, .inset-right {
	display:block;
	padding: 30px;
	background-color: #eee;
	border-radius: 3px;
	margin: 20px;
	text-align: center;
}

.col-md-4 h2 {color:#2890e7}


/*================ Mobile First ==================*/
/* Custom, iPhone Retina */
@media only screen and (min-width :320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width :480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width :768px) {
	#sweeping-gallery .container {border-radius: 55px;padding:40px;}
	#sweeping-gallery {
		padding:40px;
		-webkit-animation: slide 30s linear infinite;
		-moz-animation: slide 30s linear infinite;
		-ms-animation: slide 30s linear infinite;
		-o-animation: slide 30s linear infinite;
		animation: slide 30s linear infinite;
	}

	.modal-dialog {width: 750px}
	.modal-body {max-height: 500px}

	.inset-right {
		float:right;
		width:250px;
		padding: 30px;
    background-color: #eee;
    border-radius: 3px;
    margin: 0 0 20px 20px;
	}
	.inset-left {
		float:left;
		display:block;
		width:250px;
		padding: 30px;
    background-color: #eee;
    border-radius: 3px;
    margin: 0 20px 20px 0;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width :992px) {
	.modal-dialog {width: 800px}
	.modal-body {max-height: 600px}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width :1200px) {
	.modal-dialog {width: 850px}
	.modal-body {max-height: 650px}
}
