/*
B3B3B3		Stone
183A97		Navy
A70000		Cardinal
800000		Brick
F8AFA6		Peach
70ADEF		Sky	
8EA5C1		Wedgwood
4484CA		Rebel
*/

/* GLOBAL */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #FFFFFF;
	font-family: 'Century Gothic', Futura, 'URW Gothic L', sans-serif;
	color: #000000;
	position: relative;
}

@font-face 
{
    font-family: 'ParmaPetitNormal';
    src: url('fonts/ParmaPetitNormal.eot');
    src: url('fonts/ParmaPetitNormal.eot') format('embedded-opentype'),
         url('fonts/ParmaPetitNormal.woff2') format('woff2'),
         url('fonts/ParmaPetitNormal.woff') format('woff'),
         url('fonts/ParmaPetitNormal.ttf') format('truetype'),
         url('fonts/ParmaPetitNormal.svg#ParmaPetitNormal') format('svg');
}

.cparma
{
	font-family: 'ParmaPetitNormal', Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
}

@font-face
{
    font-family: 'ParmaPetitHeavySwinging';
    src: url('fonts/ParmaPetitHeavySwinging.eot');
    src: url('fonts/ParmaPetitHeavySwinging.eot') format('embedded-opentype'),
         url('fonts/ParmaPetitHeavySwinging.woff2') format('woff2'),
         url('fonts/ParmaPetitHeavySwinging.woff') format('woff'),
         url('fonts/ParmaPetitHeavySwinging.ttf') format('truetype'),
         url('fonts/ParmaPetitHeavySwinging.svg#ParmaPetitHeavySwinging') format('svg');
}

.cparmaheavy
{
	font-family: 'ParmaPetitHeavySwinging', Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
}

.ccentury
{
	font-family: 'Century Gothic', Futura, 'URW Gothic L', sans-serif;
}

.cerrortext
{
	color: #A70000;	/* Cardinal */
}

.cbasictext
{
	color: #000000;
}

.cindent20
{
	margin-left: 20px;
}

#ihomeheader
{
	background: url('images/clouds.jpg');
	background-repeat: no-repeat;
	background-size: 105%;
	background-color: #8EA5C1;			/* Wedgwood */
	position: relative;
	padding-bottom: 20px;
}

#ihomeheader2
{
	padding: 2% 0 0 0;
}

.chomeheader2
{
	margin: 0 auto 20px auto;
	text-align: center;
}

#ihomeheadergrid
{
	padding: 2% 0 0 2%;
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-column-gap: 10px;
	width: 80%;
}

#iflags
{
	width: 90%;
	border-radius: 25px;
	margin-bottom: 25px;
}

#ihomeheadertext
{
	text-align: left;
	margin-top: 2%;
}

#icredit
{
	color: #183A97;
	font-size: 150%;
}	

#iname
{
	color: #183A97;
	font-size: 800%;
}

.cheadertext
{
	font-size: 300%;
}

#iwhitebar
{
	background-color: #FFFFFF;
	width: 100%;
	line-height: 6px;
}

#icandidate
{
	color: #A70000;		/* Cardinal */
}

.chref, .chref:visited
{
	color: #2980B9;
}

.chrefwhite, .chrefwhite:visited
{
	color: #FFFFFF;
}

#ihomeremainder
{
	background-color: #FFFFFF;
}

#ivoter
{
	background-color: #800000;
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	margin-left: 2%;
	border-radius: 25px;
}

#ivoter a
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 200%;
}

#ivoter a:visited
{
	color: #FFFFFF;
}

footer
{
	background-color: #183A97;
	color: #FFFFFF;
	width: 100%;
	padding: 2% 0;
	margin-top: 5%;
}

#ifootertitle
{
	font-size: 40px;
}

#iwatch
{
	width: 400px;
}

#ijuliethead
{
	width: 23%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.cbluebar
{
	background-color: #183A97;
	position: relative;
	height: 50px;
}

.ctrigrid
{
	position: relative;
	padding: 2% 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 10px;
}

.ctrigrid > div
{
	text-align: center;
}

.ctrititle
{
	font-size: 50px;
}

.ctriimg
{
	width: 500px;
	margin-bottom: 15px;
}

#ifamilyimg
{
	width: 450px;
}

.ctricaption
{
	width: 70%;
	margin: auto;
	text-align: left;
}

.ctricaption p
{
	margin-bottom: 10px;
}

.cduogrid
{
	width: 80%;
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 20px;
}

.cduogrid > div
{
	text-align: center;
}

#iduoimg1, #iduoimg2
{
	width: 100%;
}

#iyardsign
{
	width: 500px;
	margin: auto;
}

.csubtitle
{
	font-size: 40px;
	color: #4484CA;
	padding-top: 2%;
}

.csubtitle2
{
	font-size: 30px;
	color: #4484CA;
	padding: 2%;
}

.cthinredline
{
	background-color: #A70000;
	height: 10px;
}

#iyardsign img
{
	width: 100%;
}

.csliderwidth
{
	width: 74%;
}

.cnavlandgrid
{
	width: 55%;
	padding: 0 0 1.5% 2%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 5%;
}

.cnavlandgrid > div		/* immediate children only */
{
	position: relative;
}

.cnavlandgrid a
{
	position: relative;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	font-size: 35px;
	padding: 5px 0;
	display: inline-block;
	font-weight: bold;
	border-radius: 25px;
}

.cnavlandgrid a:hover
{
	background-color: #183A97;		/* Navy */
}

.cnavlandgrid a:visited
{
	color: #FFFFFF;
}

.cnavportgrid
{
	display: none;
}

#iendorsegrid
{
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-column-gap: 5%;
	grid-row-gap: 5%;
	text-align: left;
}

.cendorseimg
{
	border-radius: 25px;
	width: 100px;
}

#icontactgrid
{
	width: 80%;
	position: relative;
	padding: 2% 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 10px;
	text-align: left;
}

.ccontactcell
{
	width: 80%;
}

#icontactgrid p
{
	text-align: left;
	margin-bottom: 20px;
}

#icontactbutton
{
	text-decoration: none;
	padding: 20px;
	background-color: #183A97;		/* Navy */
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 25px;
}

.ccontacttitle
{
	font-size: 50px;
	margin-bottom: 20px;
}

#ifirediv
{
	padding: 2% 0;
}

.csinglecol p
{
	width: 30%;
	text-align: left;
	padding-bottom: 10px;
}

.cskiplinks
{
	position: absolute;
	top: -100px;	/* initially positioned off-screen */
	left: 0;
	z-index: 100;
	background-color: #000000;
	color: #FFFFFF;
	padding: 1%;
	text-decoration: underline;
}

.cskiplinks:focus
{
	top: 0;		/* move it back on-screen when it has focus by first tab */
}

#ilinksgrid
{
	width: 35%;
	display: grid;
	grid-template-columns: minmax(320px, 1fr) auto;
	grid-column-gap: 30px;
	text-align: left;
	align-items: center;
}

#isocialgrid
{
	width: 120px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
	grid-column-gap: 10px;
	text-align: left;
}

.csocial
{
	width: 100%;
}

#ijulia
{
	width: 300px;
}

@media screen and (max-width: 1850px)
{
	.cheadertext
	{
		font-size: 275%;
	}
}

@media screen and (max-width: 1800px)
{
	.ccontactcell
	{
		width: 100%;
	}
	
	#icontactcell p
	{
		width: 80%;
	}
	
	#iendorsegrid
	{
		width: 90%;
	}
}

@media screen and (max-width: 1750px)
{
	.cnavlandgrid
	{
		width: 60%;
	}
}

@media screen and (max-width: 1700px)
{
	#ihomeheadergrid
	{
		width: 75%;
	}

	#icredit
	{
		font-size: 125%;
	}	

	#iname
	{
		font-size: 700%;
	}

	.cheadertext
	{
		font-size: 250%;
	}

	#ivoter a
	{
		font-size: 150%;
	}
}

@media screen and (max-width: 1600px)
{
	.cnavlandgrid
	{
		width: 65%;
	}
	
	.cnavlandgrid a
	{
		font-size: 30px;
	}
	
	#icontactgrid
	{
		width: 95%;
	}
	
	#isocialgrid
	{
		width: 100px;
	}
}

@media screen and (max-width: 1550px)
{
	.ctriimg
	{
		width: 400px;
	}
	
	#ifamilyimg
	{
		width: 350px;
	}
}

@media screen and (max-width: 1500px)
{
	#ihomeheadergrid
	{
		width: 70%;
	}

	.cnavlandgrid a
	{
		font-size: 25px;
	}
	
	#icredit
	{
		font-size: 110%;
	}	

	#iname
	{
		font-size: 600%;
	}

	.cheadertext
	{
		font-size: 200%;
	}

	#ivoter a
	{
		font-size: 135%;
	}
	
	.ctrititle, .ccontacttitle
	{
		font-size: 45px;
	}
	
	.csubtitle
	{
		font-size: 30px;
	}

	.csubtitle2
	{
		font-size: 25px;
	}

}

@media screen and (max-width: 1400px)
{
	#ijulia
	{
		width: 250px;
	}
}

@media screen and (max-width: 1300px)
{
	#iname
	{
		font-size: 550%;
	}

	.cheadertext
	{
		font-size: 175%;
	}
	
	.cbluebar
	{
		height: 40px;
	}
	
	.ctriimg
	{
		width: 90%;
	}
	
	#ifamilyimg
	{
		width: 80%;
	}
	
	.ctrititle, .ccontacttitle
	{
		font-size: 40px;
	}
	
	.ctricaption
	{
		width: 90%;
	}
	
	.csinglecol p
	{
		width: 40%;
	}
}

@media screen and (max-width: 1200px)
{
	.csliderwidth
	{
		width: 85%;
	}
}

@media screen and (max-width: 1125px)
{
	#ihomeheader
	{
		background-size: cover;
	}
	
	#iflags
	{
		width: 100%;
	}

	#icredit
	{
		font-size: 100%;
	}	

	#iname
	{
		font-size: 500%;
	}

	.cheadertext
	{
		font-size: 150%;
	}

	#ijuliethead
	{
		width: 27%;
	}

	.cnavlandgrid a
	{
		font-size: 20px;
	}
	
	#ivoter a
	{
		font-size: 125%;
	}
	
	.cduogrid
	{
		grid-template-columns: auto;
	}
	
	#iduoimg1
	{
		width: 70%;
	}
	
	#icontactgrid
	{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 1000px)
{
	#ihomeheadergrid
	{
		width: 75%;
		grid-template-columns: 1fr 2.5fr;
	}

	#iname
	{
		font-size: 450%;
	}

	#ivoter
	{
		margin-left: 20px;
	}
	
	#ivoter a
	{
		font-size: 110%;
	}
	
	.chomeheader2
	{
		margin-left: 20px;
		text-align: left;
	}

	#icandidate
	{
		width: 60%;
	}
	
	.cbluebar
	{
		height: 30px;
	}
	
	.ctrititle, .ccontacttitle, #ifootertitle
	{
		font-size: 35px;
	}
	
	.csliderwidth
	{
		width: 95%;
		margin: 2% auto 4% auto;
	}
	
	.cthinredline
	{
		height: 5px;
	}
}

@media screen and (max-width: 900px)
{
	.csubtitle
	{
		font-size: 25px;
	}

	.csubtitle2
	{
		font-size: 20px;
		width: 80%;
	}
	
	.cnavlandgrid
	{
		width: 70%;
	}
	
	.cnavlandgrid a
	{
		font-size: 18px;
	}
	
	.ctrigrid
	{
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px;
	}
	
	.cduogrid
	{
		width: 95%;
	}
	
	.csinglecol p
	{
		width: 60%;
	}
}

@media screen and (max-width: 825px)
{
	#ihomeheadergrid
	{
		width: 100%;
		grid-template-columns: 1fr 2fr;
	}
	
	#iwhitebar
	{
		margin-top: 20px;
	}

	#ijuliethead
	{
		width: 34%;
	}
	
	.cheadertext
	{
		font-size: 125%;
	}
	
	#icandidate
	{
		width: 50%;
	}
	
	.cnavlandgrid
	{
		width: 50%;
		grid-template-columns: 1fr 1fr;
	}
	
	#icontactcell p
	{
		width: 95%;
	}
	
	#iendorsegrid
	{
		width: 95%;
	}
	
	#ilinksgrid
	{
		grid-template-columns: minmax(320px, 1fr);
		grid-row-gap: 10px;
	}
	
	#isocialgrid
	{
		margin-left: 20px;
	}
}

@media screen and (max-width: 675px)
{
	#iname
	{
		font-size: 375%;
	}
	
	#iwhitebar
	{
		margin-top: 0;
		background-color: unset;
	}

	#ijuliethead
	{
		width: 36%;
	}
	
	#ihomeheader2
	{
		padding: 7% 0 0 0;
	}
	
	.csliderwidth
	{
		width: 100%;
		margin: 4% auto;
	}
	
	#iwatch
	{
		width: unset;
	}

	#icandidate
	{
		width: 70%;
	}
	
	#iduoimg1
	{
		width: 80%;
	}

	#ijulia
	{
		width: 200px;
	}
}

@media screen and (max-width: 600px)
{
	#iname
	{
		font-size: 325%;
	}
	
	.ctrigrid, #icontactgrid
	{
		grid-template-columns: auto;
	}
	
	.ctrigrid > div, #icontactgrid > div
	{
		margin-bottom: 40px;
	}
	
	.ccontacttitle
	{
		margin: 20px 0 0 0;
	}	
	
	.csinglecol p
	{
		width: 90%;
	}
}

@media screen and (max-width: 500px)
{
	#iname
	{
		font-size: 300%;
	}
	
	#ijuliethead
	{
		width: 42%;
	}
	
	#iyardsign
	{
		width: 400px;
	}
	
	#iduoimg1
	{
		width: 95%;
	}	
	
	#ivoter
	{
		width: 80%;
	}
}

@media screen and (max-width: 400px)
{
	#ihomeheader
	{
		padding-bottom: 0;
		text-align: right;
	}
	
	#ihomeheadergrid
	{
		grid-template-columns: auto;
	}
	
	#icandidate
	{
		width: 100%;
	}
	
	#ihomeheader2
	{
		padding: 7% 0 0 0;
		width: 100%;
	}
	
	#ijuliethead
	{
		position: relative;
		vertical-align: bottom;
		margin-top: 20px;
		width: 80%;
	}

	.cnavlandgrid
	{
		width: 90%;
		margin: auto;
	}
	
	.cnavlandgrid a:hover
	{
		background-color: #4484CA;
	}

	#iyardsign
	{
		width: 300px;
	}
}

@media screen and (max-width: 300px)
{
	.ctrititle, .ccontacttitle, #ifootertitle
	{
		font-size: 25px;
	}

	#iyardsign
	{
		width: 200px;
	}
	
	#ifootergrid
	{
		width: 90%;
		font-size: 12px;
	}
	
	#ivoter
	{
		width: 60%;
	}
}