@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,600i");
* {
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

.cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.ratio {
	width: 100%;
	padding-top: 100%;
	/* 1:1 Aspect Ratio */
	position: relative;
	/* If you want text inside of it */
}

html,
body {
	height: 100%;
	width: 100%;
}

.transitions, a {
	-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;
}

.outline {
	outline: none;
	border: 0;
	box-shadow: none;
}

body {
	font-family: "Titillium Web", sans-serif;
	font-size: 15px;
}

.logo {
	max-width: 200px;
}

#slider_top {
	position: relative;
	z-index: -1;
}

.navbar-toggler {
	background-color:  white;
}

@media (max-width: 1200px) {
	.logo {
		max-width: 150px;
	}

	#main-nav {
		background-color: white;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#main-nav ul li a {
		color: #333333 !important;
		border-left: none;
		border-bottom: 1px dotted #ededed !important;
	}	
}