@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: agency;
  src: url("../fonts/AGENCYB.TTF");
}
body{
	margin:0;
}
.page{
	padding:0 0 20 0;
	height: auto;
}
.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}
.footnote{
	display:block;
	font-family: "Open Sans", sans-serif;
	margin:auto;
	text-align:center;
}
.bold{
	font-weight:800;
	color:black;
}
.strike{
	text-decoration:line-through;
}
.red{
	color:red;
}
.green{
	color:green;
}
.big{
	font-size:2rel;
}
.underline{
	text-decoration:underline;
	text-decoration-color:black;
}

a{
	color:black;
}

div.article{
	font-family: "Open Sans", sans-serif;
	margin:2em 4em 2em 4em;

}
.title{
	font-family: "agency", sans-serif;
	font-size: 3rem;
	border-bottom-style:solid;
	border-bottom-color:yellow;
	border-bottom-width: .6rem;
}

div.header{
	background-color:yellow;
	margin:auto;
	padding:0;
}

div.footer{
	margin:2em auto 3em auto;
}

img.wordmark{
	display:block;
	max-width:50%;
	margin:auto;
	padding-top:1rem;
	padding-bottom:1rem;
}

div.partner{
	text-align:center;
}

img.partner{
	display:inline-block;
	max-width:40%;
	margin:auto;
	padding-top:1rem;
	padding-bottom:1rem;
}

img.signature{
	display:inline-block;
	height:6rem;
	position:relative;
	right:1em;
}
img.lightning{
	display:inline-block;
	position:relative;
	top:1.2em;
	padding-left:.2em;
	padding-right:.4em;
	height:2em;
}

ul{
	list-style-type: none; /* take away the dot*/
	padding:0 0 0 0;
}

button{
	background-color:black;
	display:block;
	color:white;
	padding:.5rem;
	margin:auto;
	font-size: 2em;
	font-family:"agency", sans-serif;
	border-radius:8px;
	cursor:pointer;
}

button:hover{
	background-color:yellow;
	color:black;
	
}
a.request{
	text-decoration:none;
}

@media(min-width:1200px){
	img.wordmark{
	max-height:8rem;
}
	img.partner{
	max-height:6rem;
}
	.page {

  width: 800px;

  margin: 20px auto 8em; /* Center the div */

}
}


/* Styles for screens smaller than 1200px (e.g., tablets and mobiles) */
@media (max-width: 1080px) {
  .page {
    width: 100%; /* Use percentage for fluid width */
    margin: 0px auto 8em;
  }
	
div.article{
	font-family: "Open Sans", sans-serif;
	margin:3 auto;

}
	
	.title{
	font-size: 2rem;

}
	
}