html, body, div, span, p, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: 100%;
}

#bio {
float: right;
width: 58%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

body {
margin: 0;
padding:0;
background-color:#000000;
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
color: #ffffff;
}

.category {
color: #ffffff;
font-size: 30px;
padding-top: 6px;
}

.categorysmall {
color: #ffffff;
font-size: 20px;
padding: 40px 0px 40px 0px;
}

a {
color: #ffffff;
}

a:visited {
color: #ffffff;
}

a:active {
color: #ffffff;
}

#bottomnav {
text-align: center;
text-decoration: none;
height: 300px;
margin: 0px;
width: 100%;
clear: both;
position: relative;
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
font-style: normal;
font-size: 20px;
color: #ffffff;
}

p {
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #ffffff;
}

#bodytext {
margin: 0px 15px 0px 15px;
width: 100%;
clear: both;
position: relative;
}

#tavetgillson {
clear: both;
width: 100%;
height: 62px;
margin: 0px;
padding: 0px;
}

.tavetgillson_img {
float: eft;
border: 0px;
padding: 0px;
margin: 0px;
width: 390px;
}

#divider {
clear: both;
width: 100%;
height: 25px;
margin: 0px;
padding: 0px;
background-image: url("../images/divider.png");
background-size: 858px;
background-repeat: repeat;
}

#navlink_container {
float: right;
height: 100%;
margin: 0px;
padding: 0px;
}

#navlink_mobile_container {
margin: 0px;
padding: 0px;
display: none;
}

.navlink_desktop {
height: 62px;
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #ffffff;
position: relative;
float: right;
margin: 42.5px 55px 12px 12px;
}

.navlink_desktop a {
text-decoration: none;
}

.navlink_mobile {
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
font-style: normal;
font-size: 22px;
color: #ffffff;
margin: 15px 0px 5px 10px;
float: left;
clear: both;
}

.navlink_mobile a {
text-decoration: none;
}

#main_container {
margin: 0% 1% 1% 1%; 
padding: 0px;
}

.thumb {
display: inline-block;
margin: 3% 1% 1% 1%;
padding: 0px;
float: left;
}

.fullwidth {
width: 98%;
}

.defaultsize {
width: 31.33%;
}

.saintanns {
width: 31.8%;
}

.stc {
width: 34.2%;
}

.cronenberg {
width: 28%;
}

.espn {
width: 49.8%;
}

.cnn {
width: 22%;
}

.hbo {
width: 28.2%;
}

.soid {
width: 32.8%;
}

.kremlin {
width: 32.8%;
}

.google {
width: 25.2%;
}

.kroger {
width: 38.4%;
}

.lotto {
width: 30.3%;
}




.full_bleed {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.title {
margin: 11px 0px 0px 0px;
padding: 0px;
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
font-style: normal;
font-size: 12.5px;
letter-spacing: 0.04em;
color: #ffffff;
}

.description {
margin: 3px 0px 0px 0px;
padding: 0px;
font-family: "IBM Plex Mono", monospace;
font-weight: 400;
font-style: normal;
font-size: 12.5px;
letter-spacing: 0em;
color: #ffffff;
}

.project_text_container {
padding: 0px 0px 15px 0px;
}

.ital {
font-style: italic;
}

.video_box {
position: relative;
overflow: hidden;
width: 100%;
margin: 0px;
border: 0px;
padding-bottom: 56.25%;
}

.video_box iframe {
	display: block;	
	position: absolute;
	width: 100%;
	height: 100%;
}

.video_box_sd {
	position: relative;
    overflow: hidden;
	width: 100%;
	margin: 0px;
	border: 0px;
	padding-bottom: 75%;
}

.video_box_sd iframe {
	display: block;	
	position: absolute;
	width: 100%;
	height: 100%;
}

.video_box_square {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0px;
	border: 0px;
	padding-bottom: 100%;
}

.video_box_square iframe {
	display: block;	
	position: absolute;
	width: 100%;
	height: 100%;
}

#about_image {
float: left;
width: 40%;
clear: none;
padding: 0px;
}

@media (max-width: 980px) {

#bio {
width: 100%;
clear: both;
padding: 0px 0px 250px 0px;
margin: 0px 0px 0px 0px;
}

#about_image {
float: left;
width: 100%;
clear: both;
padding: 0px 0px 15px 0px;
}

.category {
font-size: 22px;
}

.categorysmall {
font-size: 15px;
}



p {
font-size: 11px;
}

#bodytext {
margin: 0px 11px 0px 11px;
}

.title {
font-size: 8px;
}

.description {
font-size: 8px;
}

#tavetgillson {
height: 47px;
background-size: 720px;
}

.tavetgillson_img {
width: 320px;
}

#navlink_container {
display: none;
}

#navlink_mobile_container {
display: inline;
}

#bottomnav {
font-size: 15px;
}

}