@charset "UTF-8";

/* Mobile first styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
header {
	height: 56px;
}
*/
.brand {
	width: 320px;
	margin: 10px 0;
}
.rd-navbar {
	background: #006851;
}
.rd-navbar-static .rd-navbar-panel {
	padding: 0;
}
.rd-navbar-outer {
	background: none;
}
.rd-navbar-static .rd-navbar-nav {
	margin-top: 48px;
}
.rd-navbar-wrap {
	height: 56px;
}
.hero-title {
	border: 5px solid white;
	border-radius: 0 1rem;
	padding: 0px 11px;
	color: #fff;
	margin: .5rem;
}
.first {
	padding: 0px 15px;
}
.logo-blocks {
	margin-top: 35px;
	width: 100%;
	height: auto;
}
.header-logo-row {
	padding-bottom: 56px;
}
/* Extra small devices (portrait phones, 576px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 576px) {
/*
.logo-blocks {
	margin-top: 60px;
}
*/
	.hero-title {
		padding: 0px 15px;
	}
	.first {
		padding: 0px 21px;
	}
	.logo-blocks {
		margin-top: 25px;
	}
}

/* Small devices (landscape phones, 768px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*@media (min-width: 768px) {
   header {
	   height: 110px;
   }
}*/

/* Medium devices (tablets, 992px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 992px) {
.logo-blocks {
	margin-top: 35px;
}
	.hero-title {
		padding: 0px 25px;
	border-radius: 0 1.5rem;
	}
	.first {
		padding: 0px 34px;
	}
}

/* Large devices (desktops, 1200px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*@media (min-width: 1200px) {

}*/

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */