:root {
	--red: #BF1F2F;
	--blue: #1f1fc1;
	--black: #160405;
}

@font-face {
font-family: 'Trebuchet MS';
src: url('/includes/trebuc.woff');
}

body {
	background-color: white;
	font: normal normal 1em 'Trebuchet MS', Trebuchet, Lato, sans-serif; 
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-decoration-skip-ink: none;
}

* {
    box-sizing: border-box;
}

input:focus, select:focus,
textarea:focus, button:focus {
    outline: none;
}

h1{
	letter-spacing: -0.2px;
	color: var(--black);
	text-align:center;
	margin:0;
	padding-top: 20px;
}

img {
    max-width: 100%;
    height: auto;
}

a:link, a:visited {
	text-decoration:none;
	color: var(--blue);
}

a:hover {
	text-decoration:underline;
	color: var(--blue);
}

.lefted{
	text-align:left;
}
.lefted480{
	background-color: ;
	text-align:left;
	max-width: 480px;
}

.boxed640 {
	text-align:center; 
	max-width:640px; 
	margin:auto;
}
.boxed1080 {
	text-align:center; 
	max-width:1080px; 
	margin:auto;
}

.cell {
	width:33%;
	background-color: ;
	float: left;
	text-align: center;
	padding: 15px
}

.portrait {
	width: 40%;
	background-color: ;
	float: left;
}

/* Useful */

.margined {
	margin:auto;
	width: 80%;
	min-width: 288px; max-width: 600px;
	padding: 20px 0 80px 0;
}

.flex {
	display: flex; 
	justify-content: space-between;
}

.p0 { padding-top: 0;}
.p5 { padding-top: 5px;}
.p10 { padding-top: 10px;}
.p20 { padding-top: 20px;}
.p40 { padding-top: 40px;}
.p80 { padding-top: 80px;}

.f120 { font-size: 120%; }
.f110 { font-size: 110%; }
.f105 { font-size: 105%; }
.f100 { font-size: 100%; }
.f90 { font-size: 90%; }
.f80 { font-size: 80% }
.f65 { font-size: 65% }

.b, .bold {font-weight: bold }
.u { text-decoration:underline; text-decoration-skip-ink: none; }

.red { color: red; }
.blue { color: var(--blue)}

.a-left { text-align: left;}
.a-right { text-align: right;}
.a-center { text-align: center;}

.uc, .uppercase { text-transform: uppercase; }

.w10 {	width: 10%;	}
.w20 {	width: 10%;	}
.w40 {	width: 40%;	}
.w50 {	width: 50%;	}
.w65 {	width: 65%;	}
.w80 {	width: 80%;	}
.w90 {	width: 90%;	}
.w100 {	width: 100%;	}

.bg-pink { background-color: pink;}
.bg-lime { background-color: lime;}

.f-left { float: left; }
.f-right { float: right; }

.center { margin-left: auto; margin-right: auto;}

.hide { display: none; }

.relative { position: relative; }


@media only screen and (max-width: 640px) {
	.topnav {
	  padding-left:0;
	}
  .cell {
    background-color: ;
	 	width:100%;
		float: left;
	 }
	.portrait {
		width: 100%;
		height: 200px;
		background-color: ;
		overflow: hidden;
		padding:15px;
		text-align: left;
	}
	.description {
		width: 100%;
		background-color: ;
		padding: 15px;
	}
}