body {
	font-family: Arial, Helvetica, sans-serif;
}

#menu li.active a span {
	border-bottom: 2px solid white;
	padding: 0 0 5px 0;
	font-weight: 700;
}

#menu li a span:hover {
	border-bottom: 2px solid rgba(255,255,255, 0.5);
	padding: 0 0 5px 0;
}

#section-1 {
	background-image: url(../img/gatis-vilaks-uaol40ky2Zg-unsplash-opt.jpg) !important;
	background-size: cover;
}

#section-2 {
	/*background: #034AA6 !important;*/
	background-image: url(../img/thought-catalog-o0Qqw21-0NI-unsplash-opt.jpg) !important;
	background-size: cover;
}

#section-3 {
	background: #798C35 !important;
}

#section-4 {
	/*background: #81A64B !important;*/
	background-image: url(../img/edgars-pohevics-MfubBK44DgI-unsplash-opt.jpg) !important;
	background-size: cover;
}

#slide-2-2 {
	/*background: #03588C !important;*/
	background-image: url(../img/vince-fleming-aZVpxRydiJk-unsplash_-opt.jpg) !important;
	background-size: cover;
}

#section-2 .fp-tableCell,
#slide-2-2 .fp-tableCell,
#section-4 .fp-tableCell {
	background: rgba(0,0,0,0.6);
}

.bg-overlay {
	background: rgba(0,0,0,0.5);
}

@media only screen and (min-width: 320px) {
	h1 {
		font-size: 3.5em;
		font-family: 'Abril Fatface', 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
		font-weight: 800;
	}

	h2 {
		color: rgba(255,255,255,1);
		font-size: 1.3em;
		font-weight: 100;
		margin: 10px 30px 10px;
		display: inline-block;
		width: 60%;
		text-align: center;
    	text-justify: inter-word;
    	font-family: 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
	}

	a.inline-link {
		color: rgba(255,255,255,1);
		border-bottom: 1px dotted rgba(255,255,255,1);
	}

	.contacts p {
		color: rgba(255,255,255,1);
		font-weight: 100;
		margin: 20px 0 0 0;
		display: inline-block;
		width: 60%;
		text-align: center;
		text-justify: inter-word;
		font-family: 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 1.3em;
	}

	.contacts p a {
		color: rgba(255,255,255,1);
	}
}


@media only screen and (min-width: 576px) {
	h1 {
		font-size: 5em;
	}


}

@media only screen and (max-width: 576px) {

	h2 { 
		width: 70%;
		margin-top: 20px;
	}

}

@media only screen and (min-width: 768px) {
	h1 {
		font-size: 7em;
	}

	h2 { 
		width: 60%;
		margin: 10px 30px 10px;
	}
}

@media only screen and (min-width: 992px) {
	h1 {
			font-size: 7em;
		}
}

@media only screen and (min-width: 1200px) {
	h1 {
		font-size: 6em;
	}
}