@charset "utf-8";
/* CSS Document */

*
{
	box-sizing: border-box;
}

body
{
	background-color:white
	text-align: center;
	margin: 20px;
	
}

.header
{
	font-size: 36px;
	color:#1D1D1D;
	font-family: 'Futura PT Bold', 'Futura PT Light', 'Futura PT Demi';
	text-align: left;
	padding: none;
	padding-left: 10px;
	border: 2px solid white;
	position:sticky;
		
}


.topnav
{
	overflow: hidden;	
	background-color: white
}

.topnav a 
{
	float:left;
	display: block;
	color: rgba(24,23,26,1.00);
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 24px;
	font-family: 'Futura PT Bold', 'Futura PT Light', 'Futura PT Demi';
}
	

.topnav a:hover 
{
	text-decoration: underline;
}

.row 
{
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.column 
{
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img 
{
  margin-top: 8px;
  vertical-align: middle;
}

@media (max-width: 800px)
{
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

@media (max-width: 600px) 
{
  .column {
    flex: 100%;
    max-width: 100%;
  }
}


.footer
{
	text-align: center;
	font-family:"Futura PT Bold", "Futura PT Light", "Futura PT Demi";
}