a{
	text-decoration:none;
}

.homepage{
	opacity:0.8;
	border-bottom:3px solid black;
	
	h1{
	color:white;
	}
	}
.homepage:hover{
	opacity:1;
	border-bottom:3px solid yellow;
	h1 {
		color:Yellow;
	}
}

@media (max-width: 800px) {
	h2.homelink {
	
			font-size:4rem;
	
	}
}

@media (max-width: 550px) {
	.homepage{
	opacity:1;}
	.desktoponly {
		display:none;
	}
}

@media (min-width: 551px) {
	.mobileonly {
		display:none;
	}
}

@media (max-width: 695px) {
	h1 { font-size: 6.0rem;
}
}
a.homelink {
	h2{
		color:white;
}
border-bottom:3px solid black;
}
a.homelink:hover{
	h2 {
	color:Yellow;
}
border-bottom:3px solid yellow;
}

p {
	font-family:"Faustina", serif;
	margin-bottom:10px;
	margin-top:0;
	font-size:1.75rem;
}

a.button {
	border-radius:0px;
	font-family:"Staatliches", sans-serif;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:3px solid black;
	color:black;
	padding-top:none;
	padding-bottom:none;
	background-color:white;
	width:100%;
	text-align:left;
	font-size:2.5rem;
	margin-top:none;
	margin-bottom:none;
}

a.button:hover {
	border-radius:0px;
	font-family:"Staatliches", sans-serif;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:3px solid yellow;
	color:white;
	background-color:black;
	width:100%;
	text-align:left;
	font-size:2.5rem;
}

a.inactive{
	cursor:default;
	color:gray;
	border-bottom:3px solid gray;
}

a.inactive:hover{
	cursor:default;
	color:gray;
	border-bottom:3px solid gray;
	background-color:white;
}
h5.kicker {
	color:gray;
	font-size:1.75rem;
	margin-bottom:15px;
	padding-bottom:0;
	line-height:1%;
}
a.headline {
	margin-top:0;
	padding-top:0;
	font-family:"Faustina", serif;
	color:black;
	font-size:4rem;
	line-height:normal;
	text-decoration:none;
	font-weight:600;
	font-style:italic;
	line-height:90%;
	border-bottom:3px solid white;	
}
a.headline:hover{
	color:white;
	background-color:black;
	border-bottom:3px solid yellow;
}

img.copyright {
		pointer-events:none;
}

h6.cutline {
	font-family:"Faustina", serif;
	text-align:right;
	color:gray;
	font-size:1.25rem;
	font-style:italic;
	font-weight:300;
	line-height:80%;
	margin-bottom:40px;
}

button.firstgraf {
	font-family:"Faustina", serif;
	text-align:left;
	margin-top:20px;
	font-size:2.5rem;
	border:none;
	background-color:white;
	color:black;
	padding:none;
	-webkit-mask-image: linear-gradient(to bottom, black 5%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 5%, transparent 100%);
  /*overflow-y: scroll;*/
}

button.firstgraf:focus {
	-webkit-mask-image: linear-gradient(to bottom, black 100%, black 100%);
  mask-image: linear-gradient(to bottom, black 100%, black 100%);
}


hr.smallrule {
	border-top:3px solid yellow;
	padding-bottom:20px;
	margin-bottom:20px;
}

a.inline {
	color:black;
	text-decoration:none;
	border-bottom:3px solid white;
	font-weight:600;
}
a.inline:hover {
	color:white;
	background-color:black;
	border-bottom:3px solid yellow;
}
.content {
  display: none;
  overflow: hidden;
}
br {
	margin-top:10px;
}
p.resume {
	font-size:2rem;
}
p.jobdesc{
	font-size:1.5rem;
	font-style:italic;
	color:darkgray;
}
img.fronts {
	box-shadow:5px 5px 10px gray;
	width:100%;
	cursor:zoom-in;
}

h3 {
color:Gray;
font-size:5rem;
}