/*
Grey: 		#3f5560
Blue: 		#26bfd0
Blue Dark:	#17757a
*/
@media (max-width:699px){
	body {
	}
	.main {
		padding: 20px 0;
	}
	.main h1 {
		font-size: 34px;
		padding: 0 20px;
		margin: 0 0 10px 0
	}
	.signatories li {
		flex: 1 1 50%;
	}
	canvas {
		width: 500px !important;
		margin-left: -70px;
		margin-bottom: 20px;
	}
	.nav>li>a {
		font-size: 18px;
		padding: 5px 10px;
	}
	.letter {
	}
	.letter blockquote {
		float: none;
		border-left: 0px;
		border-top: 1px solid;
		border-bottom: 1px solid;
		margin: 20px 0px;
		padding: 10px 0px;
		display: block;
		width: 100%;
	}
	.letter ul {
		padding: 0px;
	}
	.signatories-wrapper {
		margin: 0px -60px;
	}
	.signatories li {
		display: block;
		flex: none;
		width: 100%;
	}
}