/**
 * CSS Reset
 * @author Eric Meyer
 **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/**
 * Roll that beautiful Font Footage
 * ---
 * This stylesheet generated by Transfonter
 **/

@font-face {
	font-family: 'Caslon Old Face';
	src: url('fonts/hinted-CaslonOldFaceBT-Heavy.eot');
	src: local('Caslon Old Face Heavy BT'), local('CaslonOldFaceBT-Heavy'),
		url('fonts/hinted-CaslonOldFaceBT-Heavy.eot?#iefix') format('embedded-opentype'),
		url('fonts/hinted-CaslonOldFaceBT-Heavy.woff') format('woff'),
		url('fonts/hinted-CaslonOldFaceBT-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Md BT';
	src: url('fonts/hinted-FuturaBT-Medium.eot');
	src: local('Futura Medium BT'), local('FuturaBT-Medium'),
		url('fonts/hinted-FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/hinted-FuturaBT-Medium.woff') format('woff'),
		url('fonts/hinted-FuturaBT-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Hv BT';
	src: url('fonts/hinted-FuturaBT-Heavy.eot');
	src: local('Futura Heavy BT'), local('FuturaBT-Heavy'),
		url('fonts/hinted-FuturaBT-Heavy.eot?#iefix') format('embedded-opentype'),
		url('fonts/hinted-FuturaBT-Heavy.woff') format('woff'),
		url('fonts/hinted-FuturaBT-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}





/********************************************************
 * Ready, FIGHT!
 *
 * Colors
 * Maroon : #710421;
 * Gray   : #555;
 *
 * Fonts
 * Serif  : Caslon Old Face
 * Sans   : Futura Book
 *
 **/

body {
	color: #555;
	text-align: center;
	line-height: 1.5;
}



/* Main Header. "Ron J Arens" */
h1 {
	font-family: "Caslon Old Face";
	font-size: 72px;
	color: #710421;
	text-transform: uppercase;
}

/* Sub-header under Main Header "CPA..." */
.sub-header {
	font-family: "Futura Md BT";
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 3px;
}



/* List of CPAs (Ron + Jean CPA...) */
li {
	display: inline;
	list-style-type: none;
	padding-left: 80px;
	font-family: "Futura Hv BT";
	font-size: 30px;
	color: #710421;
}
li:first-child { padding-left: 0; }



/* Services, huge! */
.services {
	font-family: "Caslon Old Face";
	font-size: 72px;
	text-transform: uppercase;
}



/* Phone Number. Maroon banner */
.maroon {
	background-color: #710421;
}

.white-number {
	font-family: "Futura Md BT";
	font-size: 60px;
	color: #fff;
}



/* Small text. Street address. */
.small {
	font-family: "Futura Md BT";
	font-size: 14px;
}



/* Padding */
h1, ul, .services, .maroon, .small {
	padding: 40px 0;
}

/* A little padding and/or margin */
h1, .maroon { margin-top: 40px; }




/**
 * BREAKPOINT: 800px
 **/
@media (max-width: 800px) {
	h1 { font-size: 40px;	}
	.sub-header { font-size: 20px; }
	li { font-size: 20px; }
	.services { font-size: 40px; }
	.maroon {
		padding: 20px 0;
		margin: 20px 0;
	}
	.white-number { font-size: 40px; }
	.small { padding: 10px 0; }
}

/**
 * BREAKPOINT: 600px
 **/
@media (max-width: 600px) {
	li {
		display: block;
		list-style-type: none;
		padding-left: 0;
	}
}