/* montserrat-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/montserrat-v29-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-600 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
:root {
	--primary: #005a70;
	--secondary: #eedc00;
	--tertiary: #63666a;
	--text: #fff;
	--button: #eedc00;
	--button-hover: #63666a;
	--button-text: #005a70;
	--button-hover-text: #fff;
	
	--delay: 0ms;
	--duration: 100000ms;
	--dasharray: 3860;
	--revDasharray: -3860;
	--path: path('m29.224,25.503s-14.945,27.931,1.47,53.657c16.416,25.726,27.441,34.301,22.786,65.172-4.655,30.871-53.167,16.171-33.566-33.076,19.601-49.247,37.808-40.488,27.196-77.422-7.11-24.746-25.726-24.991-35.771-10.29-9.056,13.253-4.547,44.009,34.056,49.737,59.444,8.82,31.361,110.499-2.94,63.947-34.301-46.551,2.666-75.136,12.25-89.183C86.801,1.002,21.139-29.379,17.954,43.879c-3.185,73.257,29.891,50.227,46.061,79.383,16.171,29.156-12.231,48.523-35.281,44.836-33.697-5.39-42.701-65.962.094-76.442,48.022-11.76,32.982-113.684.396-66.152Z'); 
	--path2: path('m50.776,142.993s14.945-27.931-1.47-53.657c-16.416-25.726-30.384-13.664-25.729-44.535s56.11-36.808,36.509,12.439c-19.601,49.247-44.287,52.45-41.4,76.011,2.572,20.987,41.512,32.918,51.557,18.217,9.056-13.253,2.965-50.524-35.638-56.251-59.444-8.82-8.885-101.189,25.416-54.637C94.322,87.131,22.716,108.755,13.132,122.801c-32.096,47.042,49.926,68.591,53.111-4.667,3.185-73.257-38.941-23.955-55.111-53.111C-5.038,35.868,32.083-.441,55.132,3.246c33.697,5.39,23.462,76.631-19.333,87.111-48.022,11.76-17.609,100.168,14.977,52.636Z'); 
}
*{
	box-sizing: border-box;
	
}
body, html{
	font-family: "Montserrat"; 
	background: var(--primary); 
	color:var(--text);
	font-size:16px;
	line-height: 1.25;
	width: 100%;
  height: 100%;
  max-width:100vw;
  min-width:0;

}
.row{
	max-width: 100vw;
	overflow:hidden;
}

a{
	color:white; 
	text-decoration:none; 
	border-bottom:1px solid transparent;
	transition:all 200ms ease;
}
a:hover{
	border-bottom:1px solid white; 
}
h1{
	margin-top:0;
	text-align:center;
}
h3{
	margin-top:0;
	text-align:center;
}
p{
	text-align:center;
}
hr{
	max-width: 100%;
}
.footnote{
	font-size: 70%;
}
.color-secondary{
	color:var(--yellow); 
}
.inner{
	padding: 0rem;
	padding:3rem;
	padding-right:8rem;	
	padding-top:1rem;
	opacity: 0; 
	transform:scale(.8); 
	transition:all 500ms ease; 
}

.social-icon-container{
	max-width:100%;
}
.social-icon-box{
	width:33%;
	float:left;
}
.social-icon-left{
	width:32px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}
.social-icon-mid{
	width:32px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}
.social-icon-right{
	width:32px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}
.logo-container{
	width:70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:40px;
}

article > .row{
	margin:0; 
	z-index: 9;
  position: relative;
}

button{
	cursor:pointer;
	color: var(--button); 
}

.btn-primary{
	display: inline-block;
	padding:.5rem .75rem; 
	position:relative; 
	border:none;
	border-radius: 25px; 
	background: var(--button);
	transition:all 200ms ease; 
	color: var(--button-text);
	margin-right: 0.5rem;
	margin-bottom: .5rem;
	text-decoration:none;
}
.btn-primary:hover{
	background: var(--button-hover);
	color: var(--button-hover-text); 
	border-bottom:none;
	text-decoration:none;
}
.btn-primary:hover:before{
	background-color:var(--white); 
}

@media only screen and (min-width: 769px) {

	img{

		width:100%;
		height:100%;

	}

	.btn-primary{
		padding:.75rem 1rem; 
	}
}