:root {
	--hed-xl: 2.625rem;	
	--hed-l: 1.75rem;
	--hed-s: 1rem;
	--hed-lh: 1.2;

	--hed-xl-s:1.625rem;
	--hed-l-s:1.25rem;
	--hed-s-s: 0.875rem;
}

html, body{
	font-size:16px;
}

p {
	line-height:1.4;
}

#main #logo {
    background-image: url(https://vice-web-statics-cdn.vice.com/logos/vice_logo_black.svg);
    height: 60px;
    width: 170px;
    background-repeat: no-repeat;
    background-position: left center;
}

#logo img {
	display:none;
}

#wrapper {
		padding:0 20px;
}

#board_title {
    font-size: var(--hed-xl);
    border-top: 3px solid black;
    margin-bottom: 30px;
    line-height: var(--hed-lh);
    padding-top:15px;
}

#filter-count {
    display:none;
}

select {
	height:40px;
	font-size: 16px;
    padding: 10px;
    font-weight: bold;
    border-color: #EBEBEB;
    background:white;
}

h2 {
	font-size: var(--hed-l);
	line-height: var(--hed-lh);
	-webkit-margin-before:0px;
	-webkit-margin-after:0px;
	padding-top:15px;
	padding-bottom:30px;
	border-top: 3px solid black;
}

section {
	margin-top:60px;
}

.opening {
	padding:30px 0;
	border-top:1px solid #EBEBEB;
	margin-bottom:0px;
}

.opening:last-child {
	border-bottom:1px solid #EBEBEB;
}

.opening a {
	color:black;
	font-size: var(--hed-s);
}

.location {
	color: #909090;
	font-size:12px;

}

@media screen and (min-width: 300px) and (max-width: 425px) { 


	#board_title {
		font-size: var(--hed-xl-s);
	}

	h2 {
		font-size: var(--hed-l-s);
	}

	select {
		width:100%;
	}

	#offices-select {
		margin-top:15px;
	}

	.opening a {
	font-size: var(--hed-s-s);
}

}