body {
	margin:0;
	padding:20px 60px;
	font-family: 'Roboto Slab', serif;
	letter-spacing: 1px;
	color:#c3f6da;
	background-color:#3857a6;
	background-image:url('nyc-2026.svg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 -100px;
}

#left, #right {
	margin-top:20px;
	display: inline-block;
}

#left {
	max-width:1000px;
	min-width:250px;
	float: left;
	margin-right:50px;
}

#right {
	max-width:100%;
	min-width:250px;
}

#bottom {
	margin-top:100px;
	width:250px;

}

h1,h2,h3,h4,h5 {
	font-weight: 500;
}

h1 {
	margin-top:0;
	margin-bottom:0;
	font-size:50px;
}

h2 {
	margin:20px 0 5px;
	text-transform: uppercase;
	font-size:16px;	
}

h3 {
	margin:0;
	font-size:15px;	
 	padding:10px 0 5px;

}

h4 {
	margin:0;
	font-size:14px;
	text-transform: uppercase;
	line-height: 21px;
}

h5 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size:21px;
}

h6 {
	text-transform: uppercase;
	font-size:11px;
	padding:5px 0 10px;
	margin:0;
}

p {
	font-weight:600;
	font-size:12px;
	line-height: 22px;
}

span {
  	background-color:#3857a6;	
  	padding:4px 0;
}

span.unbroken {
	white-space:nowrap;
}

a:link, a:visited {
	color:#c3f6da;
	text-decoration: none;
}

p a:link, p a:visited {
	border-bottom: 1px solid #3857a6;	
}

p a:hover {
  	background-color:#e5325a;		
}


.button {
    width: 200px;
    height: 100px;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 110px;
    padding-right: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background-image:url(squares/placeholder.png);
}

.button p {
	margin:0;
}
.button:hover span {
  	background-color:#e5325a;		
  	color:#c3f6da;
}

.button { background-image: url(squares/placeholder.png); }

.button#catherine { background-image: url(squares/catherine.png) }
.button#drew { background-image: url(squares/drew.png) }
.button#isy { background-image: url(squares/isy.png) }
.button#jordon { background-image: url(squares/jordon.png) }
.button#lucy { background-image: url(squares/lucy.png) }
.button#molly { background-image: url(squares/molly.png) }
.button#rashid { background-image: url(squares/rashid.png) }
.button#sarah { background-image: url(squares/sarah.png) }
.button#sofia { background-image: url(squares/sofia.png) }
.button#thomas { background-image: url(squares/thomas.png) }
.button#tijonne { background-image: url(squares/tijonne.png) }
.button#tracey { background-image: url(squares/tracey.png) }
.button#xing { background-image: url(squares/xing.png) }
.button#z { background-image: url(squares/z.png) }
.button#zoya { background-image: url(squares/zoya.png) }