/*swatches
blue: #003366, rgba(0, 51, 102, 1)
orange: #ff9900, rgb(255, 153, 1)
black: #000000, rgba(0, 0, 0, 1)
*/
*::-webkit-scrollbar {
 width: 10px;
}
*::-webkit-scrollbar-track {
 background-color: rgba(40, 57, 75, .10);
 border-radius: 5px;
 box-shadow:  0 0 5px rgba(40, 57, 75, .50);
}
*::-webkit-scrollbar-thumb {
 background-color: rgba(40, 57, 75, .10);
 border-radius: 5px;
 border: 1px solid rgba(40, 57, 75, .25);
 box-shadow:  0 0 5px rgba(40, 57, 75, .25) inset;
}
*::-webkit-scrollbar-thumb:hover {
 background-color: rgba(40, 57, 75, .25);
}
html {
	height: 100%;
	font: 62.5% humnst777_btroman, sans-serif;
	scroll-behavior: smooth;
}
body {
	color: #000000;
	text-align: left;
	letter-spacing: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	background: url(images/background-body-original-blue.png);
}
.container {
	max-width: 1024px;
	margin: 0 auto;
}
header {
	position: relative;
	height: 130px;
	background: url(images/header-footer-tile-background.png);
}
header .logo {
	position: relative;
	top: 20px;
	left: 20px;
	width: 335px;
	height: 55px;
}
header .logo img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
header nav.social-media-header {
	position: absolute;
	top: 20px;
	right: 20px;
}
header nav.social-media-header ul {
	list-style: none;
}
header nav.social-media-header ul li {
	display: inline-block;
	margin-right: 6px;
}
header nav.social-media-header a {
	display: block;
	width: 32px;
	height: 32px;
}
header nav.social-media-header a.facebook {
	background: url(images/facebook-32.png) no-repeat left top;
}
header nav.social-media-header a.youtube {
	background: url(images/youtube-32.png) no-repeat left top;
}
header nav.social-media-header a.contact {
	background: url(images/contact-32.png) no-repeat left top;
}
header nav.social-media-header a:hover {
	background-position: bottom left;
}
/*--------------- mobile navigation --------------- */
.top-menu {
	position: absolute;
	width: 100%;
	bottom: 20px;
}
.mobile-menu {
	display: none;
	position: relative;
	/*width: 100%;*/
	bottom: 0px;
	font: 1.4rem 'Montserrat', sans-serif;
	color: #ff9900;
 	/*line-height: 1.42;*/
	text-align: right;
	background: url(images/mobile-menu-icon.png) right 20px center / 20px 15px no-repeat;
	background: url(images/mobile-menu-icon.svg) right 20px center / 20px 15px no-repeat;
	cursor: pointer;
	padding: 5px 50px;
 transition: color .5s, background .25s ease-in-out;
}
.mobile-menu:hover, .mobile-menu:focus {
	color: rgba(255, 255, 255, 1);
}
header nav.top-navigation {
	position: relative;
	bottom: 0;
	text-align: right;
}
header nav.top-navigation ul {
	list-style: none;
}
header nav.top-navigation ul li {
	display: inline;
	margin-right: 20px;
}
header nav.top-navigation a:link, header nav.top-navigation a:visited {
	font: 1.6rem italianateregular, sans-serif;
	color: #e5e5e5;
	letter-spacing: .10rem;
	text-decoration: none;
	transition: color 0.5s;
	text-shadow: 3px 3px black;
}
header nav.top-navigation a:hover, header nav.top-navigation a:focus {
	color: #ff9900;
}
header nav.top-navigation a:active {
	color: #e5e5e5;
}
header nav.top-navigation a.current {
	color: #ff9900;
}
footer {
	position: relative;
	display: flex;
	height: 68px;
	background: url(images/footer.png);
	background: url(images/header-footer-tile-background.png);
	box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.50);
}
footer nav.bottom-navigation {
	display: flex;
	align-items: center;
}
footer nav.bottom-navigation ul {
	list-style: none;
}
footer nav.bottom-navigation ul li {
	display: inline-block;
	margin-left: 20px;
}
footer nav.bottom-navigation a:link, footer nav.bottom-navigation a:visited {
	font: 1.2rem italianateregular, sans-serif;
	color: #e5e5e5;
	letter-spacing: .20rem;
	text-decoration: none;
	transition: color 0.5s;
	text-shadow: 3px 3px black;
}
footer nav.bottom-navigation a:hover {
	color: #ff9900;
	text-decoration: none;
}
footer nav.bottom-navigation a:active {
	color: #e5e5e5;
	text-decoration: none;
}
footer nav.bottom-navigation a.current {
	color: #ff9900;
}
footer nav.social-media-footer {
	position: relative;
	transform: translateY(-50%);
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: flex-end;
	margin-right: 10px;
}
footer nav.social-media-footer ul {
	list-style: none;
}
footer nav.social-media-footer ul li {
	display: inline-block;
	margin-right: 10px;
}
footer nav.social-media-footer a {
	display: block;
	width: 48px;
	height: 48px;
}
footer nav.social-media-footer a.facebook {
	background: url(images/facebook.png) top left no-repeat;
}
footer nav.social-media-footer a.youtube {
	background: url(images/youtube.png) top left no-repeat;
}
footer nav.social-media-footer a.contact {
	background: url(images/contact.png) top left no-repeat;
}
footer nav.social-media-footer a:hover {
	background-position: bottom left;
}
.credits {
	display: flex;
	padding: 2rem 1rem;
}
.credits .design {
	flex: 1;
	padding-left: 2rem;
}
.credits .company {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	padding-right: 2rem;
}
.credits p {
	font: 1.4rem martinaregular, sans-serif;
	color: #999;
}
.credits p a:link, .credits p a:visited {
	color: #333;
	text-decoration: none;
	transition: color 0.5s;
}
.credits p a:hover, .credits p a:focus {
	color: #ff9900;
}
.credits p a:active {
	color: #333;
}