body {font-family: 'Roboto', sans-serif;}
header {height:124px;}
.carousel-item {
    height: 40rem;
}
.navbar a {
    text-transform: uppercase;
    font-size: 18px;
}
.navbar-light .navbar-nav .active>.nav-link {color:#3d5a80;}
.navbar-light .navbar-nav .nav-link {color:#000;}
html {
    scroll-behavior: smooth;
}
.section {
	scroll-margin-top: 8em;
}
.carousel-caption.bg-white {opacity: 0.8;}
.carousel-caption {margin-bottom: 40px;}
h4 {margin-bottom: 0;}
a.topbutton {
	height:50px;
	width:50px;
	position:fixed;
	right:35px;
	bottom:35px;
	z-index:1;
	display:none;
	background: #2c2c2c;
	transition: background .3s;
}
a.topbutton i {
	color:#fff;
	font-size:25px;
	border-radius: 2px;
	padding: 10px;
	height:100%;
	width:100%;
	position:relative;
}
a.topbutton i:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
a.topbutton:hover {background-color: #2c2c2cc4;}
@media only screen and (max-width:1000px) {
	.carousel-item {
		height: auto;
	}
}
@media only screen and (max-width:767px) {

.h5-footer{ padding-top:20px;}
}

@media only screen and (max-width:600px) {
	.logo {
		width:250px;
	}
}
@media only screen and (max-width:353px) {
	.logo {
		width:200px;
	}
}