/* colours */


/* shaddows */

/* tags */

* {
	font-family: 'Roboto', sans-serif;
}

/* navbar */

.navbar-link-custom {
	color: #FFFFFF;
}
.navbar-link-custom:hover {
	color: #E0E0E0;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media (min-width: 150px) {
	.content {
		padding: 1em;
	}
}

@media (min-width: 1000px) {
	.content {
		padding: 2em;
	}
}

.navbar-default{
	transition:500ms ease;
	background:transparent;
}
.navbar-default.scrolled{
	background:#000;
	box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

/* links */

.media-link {
	color: #000000;
}

.media-link:hover {
	color: #4D4D4D;
}

/* banners */

.hero {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.hero-top {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index:-10;
}
.overlay {
	background-color: #212529;
	opacity: .5;
}