@charset "UTF-8";

@font-face {font-family: 'GloberBook';src: url('../fonts/2A46FD_1_0.eot');src: url('../fonts/2A46FD_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A46FD_1_0.woff') format('woff'),url('../fonts/2A46FD_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberBold';src: url('../fonts/2A46FD_3_0.eot');src: url('../fonts/2A46FD_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A46FD_3_0.woff') format('woff'),url('../fonts/2A46FD_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberBlack';src: url('../fonts/2A46FD_5_0.eot');src: url('../fonts/2A46FD_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A46FD_5_0.woff') format('woff'),url('../fonts/2A46FD_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberHeavy';src: url('../fonts/2A46FD_6_0.eot');src: url('../fonts/2A46FD_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A46FD_6_0.woff') format('woff'),url('../fonts/2A46FD_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberRegular';src: url('../fonts/2A46FD_B_0.eot');src: url('2A46FD_B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A46FD_B_0.woff') format('woff'),url('../fonts/2A46FD_B_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberSemiBold';src: url('../fonts/2A46FD_D_0.eot');src: url('../fonts/2A46FD_D_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A46FD_D_0.woff') format('woff'),url('../fonts/2A46FD_D_0.ttf') format('truetype');}





/*** colors ***/
:root {
	--brnhm-default: #31425b;
	--brnhm-dark: #253449;
	--brnhm-mediumgrey: #a0a6b4;
	--brnhm-lightgrey: #ebeff2;
	--brnhm-limesignal: #d5d900;
	--brnhm-olive: #595c3d;
	--brnhm-khaki: #635a39;
	--brnhm-tierra: #5c5447;
	--brnhm-white: #f8f8f8;
	--brnhm-black: #050505;
	
	--concorde-default: #191c4a;
	--concorde-lightblue: #edeff2;
}




/*** grid ***/

.grid-container {
  max-width: var(--grid-row-maxwidth);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--grid-gutter-half);
  padding-left: var(--grid-gutter-half);
}
@media print, screen and (min-width: 40em) {
  
}
.grid-container.fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
   
  }
}






body {
  margin: 0;
  padding: 0;
  background: var(--concorde-lightblue);
  font-family: GloberRegular, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.5;
  color: #050505;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


header {background: #fff; padding: 0; width: 100%; transition: all ease-in-out 0.5s; }
.logo {width: 12rem; margin: 1rem 0; }
.contents {padding: 1.5rem 0; }
.intro-text {padding: 2rem 0 0 0; }
.no-margin {margin-bottom: 0 !important; }
.counter {margin-bottom: 1rem; }
.counter .cell {padding-right: 0.375rem; padding-left: 0.375rem; }
.counter-card {position: relative; width: 100%; padding-top: 100%; background: var(--concorde-default); margin: 0 auto; margin-bottom: 1rem; border-radius: 50%; }
.counter-content {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0.75rem 0.75rem 0.4375rem 0.75rem; }


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "GloberBold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  color: var(--concorde-default);
  text-rendering: optimizeLegibility;
	line-height: 1.2;
}

.intro-text h1 {font-size: 2rem; margin-bottom: 1rem; }
.intro-text h2.subhead {font-size: 1.125rem; margin-bottom: 2rem; }
.intro-lead {font-size: 1.125rem; }

.count-number, .count-desc {color: #fff; margin-bottom: 0; }
.count-number {font-family: GloberBold; font-size: 2.25rem; line-height: 0.8; }
.count-desc {font-size: 0.75rem; line-height: 1; }
strong, b {font-family: GloberBold; }
.round {border-radius: 999px; }

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  font-family: Bariol, Metropolis, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase; 
  background-color: var(--brnhm-default);
  color: var(--brnhm-white);
  padding: 0.85rem 1.5rem;
}
.button:hover, .button:focus {
  background-color: var(--brnhm-olive);
  color: var(--brnhm-white);
}


a.back-to-top {display: inline-block; position: fixed; bottom: 1.25rem; right: 1rem; width: 48px; height: 48px; z-index: 900; text-align: center; margin: 0 auto; overflow: hidden; text-indent: -3000px; background-color: var(--brnhm-default) ; background-image: url(../img/arrow_neg.svg); background-position: center center; background-repeat: no-repeat; background-size: 100%; border-radius: 0; box-shadow: rgba(0, 0, 0, 0.4) 0 0 8px; border-radius: 50%; }
a.back-to-top:hover {background-color: var(--brnhm-dark); }


@media print, screen and (min-width: 40em) {
	.logo {width: 16rem; margin: 1.125rem 0; }
	.contents {padding: 2.5rem 0; }
	.intro-text {padding: 2rem 0 0 0; }
	
	.counter .cell {padding-right: var(--grid-gutter-half); padding-left: var(--grid-gutter-half); }
	.counter-content {padding: 0.75rem 0.75rem 0.5rem 0.75rem; }
	
	.intro-text h1 {font-size: 2.125rem; margin-bottom: 1.75rem; }
	.intro-text h2.subhead {font-size: 1.25rem; margin-bottom: 2.25rem; }
	.intro-lead {font-size: 1.25rem; }

	.count-number {font-size: 3.3125rem; line-height: 0.95; }
	.count-desc {font-size: 0.9375rem; }	
}

@media print, screen and (min-width: 64em) {
	.logo {width: 17rem; margin: 1.25rem 0; }
	
	.counter-card {width: 85%; padding-top: 85%; margin-bottom: 1.125rem; }
	
	.count-number {font-size: 4.25rem; line-height: 0.95; }
	.count-desc {font-size: 1rem; }
}



@media print, screen and (min-width: 75em) {
	.counter {margin-bottom: 1.5rem; }
	.count-number {font-size: 4.75rem; line-height: 0.95; }
}


@media print, screen and (min-width: 90em) {
	.logo {width: 18rem; margin: 1.5rem 0; }
	.contents {padding: 3rem 0; }
	.intro-text {padding: 4.5rem 0 0 0; }
	
	.intro-text h1 {font-size: 2.25rem; margin-bottom: 1.75rem; }
	.intro-text h2.subhead {font-size: 1.25rem; margin-bottom: 2.25rem; }
	.intro-lead {font-size: 1.375rem; }
	
	.count-number {font-size: 5rem; line-height: 0.95; }
}


@media print, screen and (min-width: 120em) {
	
}