html{


}

body{
	font-family: 'Josefin Slab', serif;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom: 20px;
	color: #323232;

}


p {
	font-size: 1.2em;
}


::selection {
	background-color: #FB0064;
	color: #ffffff;
}

section, article, aside, footer, header, nav, hgroup {
	display:block;
}

header {
	margin-top:20px;
}

@media only screen and (max-width: 745px) {

	body{
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}


	.logo-narrow {
		display: inline;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size:3.75em;
		font-weight:700;
		color: #191970;
	}


}

@media only screen and (max-width: 450px) {

	h1.logo-resume {
		font-size: 45px; 
		font-size: 14vw;
	}

	h1 {
		font-size: 45px; 
		font-size: 14vw;
	}	

	.long {
		display: none;
	}

	.short {
		display: inline;
	}

	.ext {
		display: none;
	}
	table {
    font-size:10px;
    position: relative; 
    right: 5px;
	}

}

@media only screen and (min-width: 450px) {

	h1.logo-resume {
		font-size:3.75em;
	}

	h1.logo-main {
		font-size:4.5em;
	}
	
	.long {
		display: inline;
	}

	.short {
		display: none;
	}

	table {
    font-size:11px;
	}

}

h1.logo-resume{

	text-transform: uppercase;
	font-weight:700;
	color: #191970;
	margin-top:.33em;
	margin-bottom: 5px;
	border-bottom: 1px solid #A7A7A7;

}

.main-page {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;

}



h1.logo-main{

	text-transform: uppercase;
	font-weight:700;
	color: #191970;
	margin-bottom: 0px;
	margin-top: 100px;
	margin-top: 15vh;
}



.intro {
	font-size:1.75em;
	margin-bottom:100px;
	margin-bottom: 15vh;
}

h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 2.125em;
}


h3 {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-size: 1.375em;
	font-weight:300;
	color: #191970;

}

h4 {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-size: 1.2em;
	font-weight:700;
	color: #191970;

}

.recent-items {
	font-size: 1.25em;
}


.social {
	font-size: 1.25em;
}


.instagram {
	float:right;
}

.contact-info{
	margin-bottom: 1.5em;
	font-style: normal;
	list-style-type:none;
	list-style-position: inside;

}



div.job-summary{
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 1.1em;
	margin-bottom: 5px;
	clear:both;
	min-height: 44px;

}

.organization{
	font-style: inherit;

}

.organization-name{
	text-transform: uppercase;
	font-weight:700;
	font-style: inherit;
	color: #191970;
	float: left;


}

.organization-location{
	font-style: inherit;
	font-weight:300;
	float:left;
}


em.organization-name::after {
	content: ",\0000a0";

}


.position{
	clear:both;
	font-weight:300;
}

.job-title{
	text-transform: uppercase;
	font-weight:300;
	font-style: inherit;
	float:left;

}

.time-period{
	font-style: inherit;
	font-weight:300;
	float:left;

}

em.job-title::after {
	content: ",\0000a0";
}

time + time::before{

	content:"\002014";
}

ul.recipe-list {
	clear:none;
}

ul {
	list-style: square;
	margin-top:0px;
	font-size: 1.2em;
	clear:both;
}

li {
	margin-bottom: 3px;
}

div.section-break{
	clear: both;
	text-align: center;
	margin:1em 1em 1em;
	font-size: 1.15em;

}

a { 
	font-weight: 700; 
	text-decoration: none; 
	color: #191970; 
}

div.byline{
	font-family: 'Lato', sans-serif;
	display: block;
	margin-top: 24px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 12px;
	font-weight:300;
	color: #A7A7A7;
	float:left;
}

p.by{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight:300;
	color: #A7A7A7;
	position:relative;
	top:-8px;
}

a.byline {
	font-weight: 300; 
	text-decoration: none; 
	color: #A7A7A7; 	
}

#bot-share {
	font-size: 1.2em;
	padding-top: 20px
}

a.byline:visited { color: #A7A7A7; }

a:visited { color: #323232; }
a:hover   { text-decoration: none; color: #FB0064; }

footer {

	font-family: 'Lato', sans-serif;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	color: #323232;
	text-align: center;
	font-size: .85em;
	clear:both;
	padding-top: 50px;
	margin-bottom: 50px;
	font-weight: 300;

}


table {
	border-bottom:1px SOLID #323232;
	font-family: 'Lato', sans-serif;
    color:#000000;
    vertical-align:middle;
    white-space:nowrap;
    direction:ltr;
    border-collapse: collapse;
    text-align: center;
    width:100%;
    font-weight: 400;
    margin-top: 3em;
    margin-bottom:3em;
}

th {
    font-weight: 400;
	border-bottom:1px SOLID #323232;
    padding:6px 2px;
    line-height: 18px;
    background-color: #ffffff;

}



td {
	font-family: 'Lato', sans-serif;
    vertical-align:middle;
    white-space:nowrap;
    direction:ltr;
    padding:2px 2px;
    border-collapse: collapse;
    border: 1px SOLID #ffffff;
    line-height: 19px;

}

div.method {
		max-width: 400px;

}

th.method {
	vertical-align: bottom;
}

td.method {
    border-bottom: 1px SOLID #A7A7A7;
    border-right: none;
    border-left: none;

}

td.method:first-of-type {
	font-weight: 700;
}


table a {
	font-weight: 400;
}

.states {
	text-align: right;
	padding-right: 3px;
    border-bottom: 1px SOLID #A7A7A7;
    border-left: none;

}

.sen-sep {
	max-width:16px;
    background-color:#efefef;

}

.seats {
    border-bottom: 1px SOLID #A7A7A7;
    border-right: none;
}

col.sen-others, col.comb {
	width:11%;
    background-color: #efefef;

}

.invert{
	text-shadow: 0px 0px 2px #000;
	color:#ffffff;
}

div.forecasters {
	display: inline;
	float:left;
	min-width:150px;
	min-height: 95px;
}

dl {
	font-family: 'Lato', sans-serif;
    font-size: 13px
}

dt {
	margin-top: 1em;
}

dd {
	margin: 0px;
}

dd > a {
	    font-weight: 300;

}

.clear {
    clear: both;
}

/* LOGO ANIMATION */

.t1 {
    background-color: #ffffff;
    text-align: center;
}

.t2 {
	display:inline-block;
	background-color: #ffffff;
	position: relative;
	left: 43.5px;
	transition: left 1.5s .95s;
    -webkit-transition: left 1.5s .95s;


}

.t2:hover{
	position: relative;
	left: 0px;
    transition: .5s .1s;
    -webkit-transition: .5s .1s;

}



@media only screen and (min-width: 750px) {

	.logo-narrow {
		display: none;
	}

	span.logo {
		color: #ffffff;
		margin: auto;
		font-family: 'Josefin Slab', serif;
		font-weight: 700;
		font-size:3.75em;

	}

	span.logo:hover {
		color: #191970;
		transition: color .1s .1s;
		-webkit-transition: color .1s .1s;
		

	}

	#startsep {
		color: #191970;
	}

	#start {
		color: #191970;
		position: relative;
	    left: 123px;
	    transition: left 1s .3s;
	    -webkit-transition: left 1s .3s;
	}

	span.logo:hover #start {
		position: relative;
		left: 0px;
		transition: .25s ease-in .05s;
		-webkit-transition: .25s ease-in .05s;
	}

	span.p::after {
		content: "P";
	}

	span.s::after {

		content: "S";
	}

	span.pe::after {
		content: "E";
		transition: .05s .25s;
		-webkit-transition: .05s .25s;
	}

	span.pet::after {
		content: "T";
		transition: .05s .3s;
		-webkit-transition: .05s .3s;
	}

	span.pete::after {
		content: "E ";
		transition: .05s .35s;
		-webkit-transition: .05s .35s;
	}

	span.so::after {
		content: "O";
		transition: .05s .4s;
		-webkit-transition: .05s .4s;
	}

	span.sol::after {
		content: "L";
		transition: .05s .45s;
		-webkit-transition: .05s .45s;
	}

	span.sole::after {
		content: "E";
		transition: .05s .5s;
		-webkit-transition: .05s .5s;
	}

	span.solec::after {
		content: "C";
		transition: .05s .55s;
		-webkit-transition: .05s .55s;
	}

	span.soleck::after {

		content: "K";
		transition: .05s .6s;
		-webkit-transition: .05s .6s;
	}

	span.solecki::after {
		content: "I";
		transition: .05s .65s;
		-webkit-transition: .05s .65s;
	}

}