body {
	background: url(../images/bg2.png) no-repeat;
	background-size: contain;
	font-family: 'Source Sans Pro', sans-serif;
	color: #262626 /*#616c70*/;
	overflow-x: hidden;
	position: relative;
	border-top: 5px solid #d73d3f;
/*	height: 100%;*/
}

a {
	color: #3174b6;
}

#home h1 {
	font-size: 46px;
}

#home h1 span {
	font-weight: bold;
}

#home h2 {
	font-size: 1.7em;
	font-weight: 300;
	margin-bottom: 2em;
}

#home h3 {
	font-size: 1.4em;
	font-weight: 300;
}

.quote {
	background-image: url('../images/bgQuote.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

.fancyQuote {
	font-family: "Caveat", cursive;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height:1em;
	transform: rotate(-2deg);
	width: 100% !important;
}

.fancyQuote span {
	font-weight: 800;
	text-decoration: underline;
}

p:has(+ p.fancyQuote) {
	margin-bottom:0.5rem;
}

#accordionMain .btn-link {
	text-wrap:auto;
	text-align:left;
}

.carousel-inner .carousel-item .img-box{
	width: 135px;
	height: 135px;
}

/*.carousel-control-prev{
	left: -100px;
}*/

/*.carousel-control-next{
	right: -100px;
}*/

.carousel-indicators{
	bottom: 10px;
}

.main-content #ratings p {
	width: 100%;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

@media (min-width: 320px) and (max-width: 640px) {
	.carousel-inner .carousel-item p {
		font-size: 14px;
	}
	.carousel-control-prev {
		left: -40px;
	}
	.carousel-control-next {
		right: -40px;
	}
 	/*.carousel-indicators {
		top: 400px;
	}*/
}

.nav-info {
	font-weight: 300;
	font-size: 1.5em;
	padding: 28px 0 20px 0;
}

.nav-info small {
	display: block;
	font-weight: 300;
	font-size: 0.6em;
}

.worked-with {
	font-weight: 300;
	font-size: 1.5em;	
}

/*#contact {
	background-image: url(../images/bg-grad.png), url(../images/contact-map.jpg);
	background-position: left top, center top;
	background-repeat: repeat-x, no-repeat;
	background-size: auto, auto 300px;
}*/

#contact .email {
	margin-top: 160px;
}

#contact iframe {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#contact #recaptcha iframe {
	position: relative;
}

#contact nav {
	background: rgba(255, 255, 255, 0.75);
	z-index: 2;
}

#contact nav.is-sticky {
	background: rgba(255, 255, 255, 1);
}

#contact form {
	margin-top: 74px;
}

#contact .panel {
	margin-top: 60px;
}

#contact .panel {
	background: #f2f2f2;
	padding: 0 12px 20px 12px;
	border-radius: 4px;
}

#contact panel h2 {
	padding-top: 4px;
}

#contact .list-group-flush {
	padding-left: 0;
}

#contact .list-group-flush .list-group-item {
	border-top: none;
	background: none;
}

/*#contact .well i.form-control-feedback {
	display: inline-block;
	position: relative;
	height: 0;
	line-height: 0;
}

.alert {
	display: none;
	position: absolute;
}*/

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: .5;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
	opacity: .5;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
	opacity: .5;
}

.form-control:-moz-placeholder { /* Firefox 18- */
	opacity: .5;
}

.main-content aside {
	margin-bottom: 10px;
	border-bottom: 1px solid #629e67;
	font-size: .9rem;
}

@media (min-width: 992px) {
  .container {
  	width: 940px;
  	padding: 0 10px;
  }
  
.main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content p {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	text-wrap-style: pretty;
  }
  
  .main-content .card p, .main-content .card h2, .main-content .card h3, .main-content .card h4, .main-content .card h5 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  
  .main-content aside {
  	float: left;
  	width: 100px;
  	text-align: right;
  	border-bottom-width: 2px;	
  }
  
  .main-content ul {
  	width: 580px;
  	margin-left: auto;
  	margin-right: auto;
  }
}

@media (max-width: 992px) {

	.main-content aside {
		width: 100%;
	}
}

/*#headerBar
{
	height:5px;
	background: #d73d3f;
	position: relative;
}*/

#cover {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.navbar-nav {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.navbar-brand {
	width: 180px;
	height: 40px;
	background: url(../images/topscore-logo-white.svg) no-repeat;
	text-indent: -1000px;
}

.is-sticky .navbar-brand {
	background: url(../images/topscore-logo-red.svg) no-repeat;
}

/*.navbar-brand img {
	width: 196px;
	height: 40px;
}*/

.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler:focus {
	outline: none;
}

.top-bar {
	background-color: #d73d3f;
}

.middle-bar {
  background-color: #3174b6;
}

.bottom-bar {
  background-color: #529a58;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

/*.navbar-light .navbar-nav .home, .navbar-light .navbar-nav .home:hover {
	color: #EE472C;
}

.navbar-light .navbar-nav .home:hover, #home .navbar-light .navbar-nav .home {
	padding-bottom: 0.4rem;
	border-bottom: 0.1rem solid #EE472C;
}

.navbar-light .navbar-nav .faq, .navbar-light .navbar-nav .faq:hover {
	color: #F37D24;
}

.navbar-light .navbar-nav .faq:hover, #faq .navbar-light .navbar-nav .faq {
	padding-bottom: 0.4rem;
	border-bottom: 0.1rem solid #F37D24;
}

.navbar-light .navbar-nav .contact, .navbar-light .navbar-nav .contact:hover {
	color:#d0a446;
}

.navbar-light .navbar-nav .contact:hover, #contact .navbar-light .navbar-nav .contact {
	padding-bottom: 0.4rem;
	border-bottom: 0.1rem solid #d0a446;
}*/

.nav {
	background: #eee;
	border-radius: 4px;
	margin-bottom: 2rem;
}

.nav a.active {
	border-bottom: 2px solid #428bca;
	font-weight: bold;
}

.nav a.active:hover {
	text-decoration: none;
	border-bottom-color: #2a6496;
}

/*.nav a.nav-link:hover {
	border-bottom: 2px solid #4d9eac;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}*/

.nav a.nav-link:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    margin: auto;
    background: #4d9eac;
    transition: width .3s;
}

.nav a.nav-link.active:after {
    content: '';
    display: none;
}

.nav a.nav-link:hover::after {
    width: 100%;
}

.page-header {
	clear: both;
}

#home .page-header, #home .page-sub-header, a.home {
  color: #EE472C;
}

#faq .page-header, #faq .page-sub-header, a.faq {
  color: #F37D24;
}

#contact .page-header, #contact .page-sub-header,  a.contact {
  color: #d9a033;
}

#navbutton, #navbutton:hover {
	color: #529a58;
	text-decoration: none;
	cursor: col-resize;
}

/*  Sticky navbar */

.sticky.navbar {
	border-radius: 0;
	padding: 20px 0;
}

/*.sticky .show-is-sticky,
.sticky .show-not-sticky {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}*/

.sticky .show-not-sticky {
  opacity: 1;
  visibility: visible;
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.sticky.is-sticky.navbar {
	background-color: rgb(255 255 255 / .8);
	/* border-top: 1px solid #d73d3f; */
	border-bottom: 1px solid #fff;
	padding: 20px 0;
	backdrop-filter: blur(10px);
}

@media (min-width: 992px) {
	.sticky.is-sticky.navbar {
	  padding-left: calc(50% - 444px);
	  padding-right: calc(50% - 444px);
	}
}

@media (max-width: 991px) {
	.sticky.is-sticky.navbar {
	  padding-left: calc(50% - 330px);
	  padding-right: calc(50% - 330px);
	}
}

@media (max-width: 768px) {
	.sticky.is-sticky.navbar {
	  padding-left: calc(50% - 240px);
	  padding-right: calc(50% - 240px);
	}
}

@media (max-width: 576px) {
	.sticky.is-sticky.navbar {
	  padding-left: calc(50% - 220px);
	  padding-right: calc(50% - 220px);
	}
}

@media (max-width: 500px) {
	.sticky.is-sticky.navbar {
	  padding-left: calc(50% - 200px);
	  padding-right: calc(50% - 200px);
	}
}

@media (max-width: 400px) {
	.sticky.is-sticky.navbar {
	  padding-left: calc(50% - 160px);
	  padding-right: calc(50% - 160px);
	}
}

@media (max-width: 320px) {
	.sticky.is-sticky.navbar {
	  padding-left: calc(50% - 130px);
	  padding-right: calc(50% - 130px);
	}
}

.sticky.is-sticky .show-is-sticky {
  opacity: 1;
  visibility: visible;
}
.sticky.is-sticky .show-not-sticky {
  opacity: 0;
  visibility: hidden;
}
.page-header {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: bold;
}

.page-sub-header {
	margin-bottom: 40px;
	font-style: italic;
}

.lead {
/*	margin-bottom: 40px;*/
	font-style: italic;
}

.img-fluid {
	margin-bottom: 20px;
}

.hoverfade {
	opacity: .5;
	transition-duration: .5s;
}

@media (max-width:767px) {
	.hoverfade {
		opacity: 1;
	}
}

.hoverfade:hover {
	opacity: 1;
}

ul {
	padding-top: 1em;
}

ul li {
	padding-bottom: 1em;
}



/*label {
	display: none;
}*/

.form-control-feedback {
	top: 0;
	width: 28px;
}

#footer {
	margin-top: 3em;
	/*background-color: #529a58;*/
	background-color: #616c70;
	color: #fff;
}

#footer h4 {
	border-bottom: 1px solid #fff;
	font-size: 1em;
	padding: 1em 0; 
}

#footer ul li {
	list-style-type: none;
	padding-bottom: 0.5em;
}

#footer ul li a {
	text-decoration: none;
	color: #fff;
	font-weight: 300;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer p {
	clear: both;
	font-size: 0.8em;
	padding: 3em 2em 2.5em 2em;
	margin-bottom: 0;
	background-color: #3a474c;
}

.cert-icon {
	height: 24px;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.news-article {
	margin-top: -100px;
	padding-top: 100px;
}

.news-article .to-top {
	text-align: right;
	height: 40px;
	margin-bottom: 4rem;
	border-bottom: 1px solid #ddd;
}

.news-article:last-child .to-top {
	margin-bottom: 6rem;
	border-bottom: none;
}

.news-article .to-top a {
	color: #ccc;
	padding-right: 30px;
	background: url(../images/scroll-to-top.svg) right no-repeat;
}
   
.news-article .to-top img {
	width: 20px;
}

/* @group slide-out news article menu */

#side-menu {
  z-index: 1;
	position: absolute;
	transition-duration:.5s;
	color: #fff;
	height: 100%;
	width: 220px;
	padding: 105px 20px 0 20px;
	bottom: 0;
	/*overflow-y: hidden;*/
	background: #529a58; /* Old browsers */
}



@media (max-width: 767px) {
	#side-menu {
		padding-top: 0;
	}
}

#side-menu h2 {
	font-weight: bold;
}

#side-menu ul {
	padding-left: 0;
}

#side-menu ul li {
	list-style-type: none;
}

#side-menu ul li a {
	color: #fff;
}

#side-menu ul li a:before {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	content: '\2295';
	padding-right: 4px;
	text-decoration: none !important;
}

/*Just learned that you can't really style :visited links much any more, weird*/

#side-menu ul li a:visited {
	color: #90ca95;
}

#side-menu ul li a:hover {
	text-decoration: underline;
}

.container {
	/*overflow-x: hidden;*/
	transition-duration:.25s;
	position: relative;
}

.container.nav-closed {
	left: 0;
}

.container.nav-open {
	left: 220px;	
}

.rainbow {
height: 5px;
background: rgb(166,50,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2MzJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iIzUwMjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzI4NzdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzI4YWNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzM4ZDEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzlmZDgyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2VhZjQyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM1MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgb(166,50,255) 0%, rgb(80,40,255) 14%, rgb(40,119,255) 28%, rgb(40,172,255) 42%, rgb(56,209,33) 56%, rgb(159,216,34) 70%, rgb(234,244,39) 85%, rgb(255,197,40) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(166,50,255)), color-stop(14%,rgb(80,40,255)), color-stop(28%,rgb(40,119,255)), color-stop(42%,rgb(40,172,255)), color-stop(56%,rgb(56,209,33)), color-stop(70%,rgb(159,216,34)), color-stop(85%,rgb(234,244,39)), color-stop(100%,rgb(255,197,40))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgb(166,50,255) 0%,rgb(80,40,255) 14%,rgb(40,119,255) 28%,rgb(40,172,255) 42%,rgb(56,209,33) 56%,rgb(159,216,34) 70%,rgb(234,244,39) 85%,rgb(255,197,40) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgb(166,50,255) 0%,rgb(80,40,255) 14%,rgb(40,119,255) 28%,rgb(40,172,255) 42%,rgb(56,209,33) 56%,rgb(159,216,34) 70%,rgb(234,244,39) 85%,rgb(255,197,40) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgb(166,50,255) 0%,rgb(80,40,255) 14%,rgb(40,119,255) 28%,rgb(40,172,255) 42%,rgb(56,209,33) 56%,rgb(159,216,34) 70%,rgb(234,244,39) 85%,rgb(255,197,40) 100%); /* IE10+ */
background: linear-gradient(to right,  rgb(166,50,255) 0%,rgb(80,40,255) 14%,rgb(40,119,255) 28%,rgb(40,172,255) 42%,rgb(56,209,33) 56%,rgb(159,216,34) 70%,rgb(234,244,39) 85%,rgb(255,197,40) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a632ff', endColorstr='#ffc528',GradientType=1 ); /* IE6-8 */

}

.rainbow2 {
	height: 5px;
	background: rgb(166,50,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2MzJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzUwMjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI4YWNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzM4ZDEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM1MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgb(166,50,255) 0%, rgb(80,40,255) 25%, rgb(40,172,255) 50%, rgb(56,209,33) 75%, rgb(255,197,40) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(166,50,255)), color-stop(25%,rgb(80,40,255)), color-stop(50%,rgb(40,172,255)), color-stop(75%,rgb(56,209,33)), color-stop(100%,rgb(255,197,40))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgb(166,50,255) 0%,rgb(80,40,255) 25%,rgb(40,172,255) 50%,rgb(56,209,33) 75%,rgb(255,197,40) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgb(166,50,255) 0%,rgb(80,40,255) 25%,rgb(40,172,255) 50%,rgb(56,209,33) 75%,rgb(255,197,40) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgb(166,50,255) 0%,rgb(80,40,255) 25%,rgb(40,172,255) 50%,rgb(56,209,33) 75%,rgb(255,197,40) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgb(166,50,255) 0%,rgb(80,40,255) 25%,rgb(40,172,255) 50%,rgb(56,209,33) 75%,rgb(255,197,40) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a632ff', endColorstr='#ffc528',GradientType=1 ); /* IE6-8 */
}

#footer {
	position: relative;
	transition-duration:.5s;
}

#footer.nav-closed {
	left: 0;
}

#footer.nav-open {
	left: 220px;
}

#side-menu.nav-closed {
	left: -220px;
}

#side-menu.nav-open {
	left: 0;
}

#navbutton.nav-open span {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: inline-block;
	-webkit-transform: rotateZ(45deg); /* Chrome, Safari, Opera */
	transform: rotateZ(45deg);
	transition-duration:1s;
}

#navbutton.nav-closed span {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: inline-block;
	-webkit-transform: rotateZ(0deg); /* Chrome, Safari, Opera */
	transform: rotateZ(0deg);
	transition-duration:1s;
}

/* @end */



/*@media (min-width: 992px) {
.container, .sticky.is-sticky.navbar  {
    width: 940px;
    padding: 0 10px;
}
@media (min-width: 1200px) {
.container, .sticky.is-sticky.navbar  {
	max-width: 1140px;
}
@media (min-width: 992px) {
.container, .sticky.is-sticky.navbar  {
    max-width: 960px;
}
@media (min-width: 768px) {
.container, .sticky.is-sticky.navbar  {
    max-width: 720px;
}
@media (min-width: 576px) {
.container, .sticky.is-sticky.navbar  {
    max-width: 540px;
}
}*/

/*STAT COUNTER*/

body .stat-counter,
html body .stat-counter {
  font-size: 2rem;
  font-weight: 800;
  font-family: system-ui, -apple-system, sans-serif;
  color: #111827;
  line-height: 1.2;
  display: inline-block;
}

html body .stat-number {
	display:inline-block;
	width:160px;
	text-align:center;
}