body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.copyright {font-family: "Montserrat", sans-serif}
.project-logo-frame { border: solid #e9453c; border-width: 1px; border-radius: 60px; width: 120px; height: 120px; margin-left: auto; margin-right: auto; padding: 0; margin-top: 0; margin-bottom: 0; }
.project-logo { margin-left: auto; margin-right:auto; padding: 0; padding-top: 10px; margin-top: 0; margin-bottom: 0; }
.project-logo-old { margin-left: auto; margin-right:auto; padding: 0; padding-top: 15px; margin-top: 0; margin-bottom: 0; }
.project-details { line-height: 1.7em; color: #777; }
.project-links, .project-links a { color: #207e85; margin: 0; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 10px; padding-right: 10px; text-decoration: none; }
.project-links a:hover { color: #51a1fc; text-decoration: underline; /* background-color: #caebf2; */ }
.project-links-hidden { display:none; }
.project-links-fa { padding-right: 5px; }
.project-sidebar-line-vertical { border: solid #e9453c; border-width: 0 0 0 1px; width: 1px; height: 30px; margin-left: auto; margin-right: auto; padding: 0; margin-top: 0; margin-bottom: 0; }
.project-sidebar-line-horizontal { border: solid #e9453c; border-width: 1px 0 0 0; width: 16px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; margin-top: 0; margin-bottom: 0; }
.project-sidebar-media { color: #fff; background-color: #e9453c; width: 100px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding-bottom: 2px; border-radius: 10px; }
.project-title { margin-bottom: 0px; padding-bottom: 0px; }
.project-title-old { margin-bottom: 0px; padding-bottom: 0px; font-size: 22px; }
.project-tagline { color: #000; font-size: 14px; margin-top: 0px;}
.project-article-page, .project-article-page a { color: #207e85; margin-bottom: 0.2em; margin-top: 0.2em; font-size: 14px; text-decoration: none;}
.project-article-page a:hover { color:  #51a1fc; text-decoration: underline; /* background-color: #caebf2; */ }
.project-paragraph-old { color:#757575!important; padding-right: 30px; padding-left: 30px; }
.project-header-old { padding-left: 50px; padding-right:50px; }
.project-column { margin-top: 30px;}
.project-featured-img { padding: 3px; border: solid #777; border-width: 1px; margin: 0; max-width: 85%; height: auto;}
.project-cover-img { padding: 3px; border: solid #777; border-width: 1px; margin: 0; margin-left: 15px; max-width:100%; height: auto;}
.project-cover-img-fullwidth { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; max-width:99%; height: auto;}
.project-cover-img-fullwidth-nolink { padding: 0; border: 0; margin: 0; max-width:99%; height: auto; }
.project-cover-img-double { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; max-width: 48%; height: auto;}
.project-cover-img-gallery { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 230px; max-height: 140px;}
.project-cover-img-gallery-strangerthings { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 230px; max-height: 160px;}
.project-cover-img-gallery-strangerthings2 { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 220px; max-height: 120px;}
.project-cover-img-gallery-meowwolfvs { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 200px; max-height: 250px;}
.project-cover-img-gallery-meowwolfvegas { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 230px; max-height: 160px;}
.project-cover-img-gallery-meowwolfbots { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 250px; max-height: 160px;}
.project-cover-img-gallery-symbiotic { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 275px; max-height: 129px;}
.project-cover-img-gallery-expo { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 230px; max-height: 160px;}
.project-cover-img-gallery-xla { padding: 3px; border: solid #777; border-width: 1px; margin: 3px; width: auto; max-width: 228px; max-height: 200px;}
.project-cover-img-double-nolink { padding: 0px; margin: 3px; max-width: 48%; height: auto;}
.project-subtitle { font-weight: bold; font-family: "Montserrat", sans-serif; font-size: 16px; }
.project-paragraph { color:#757575!important; min-width: 70px; }
.project-annotation { color:#757575!important; font-size: 10px; text-align: center; margin-top:0px;}
.project-spacer-top { margin-top: 20px; }

@media (max-width:600px) {
    .w3-container {
        margin-left: auto;
        margin-right: auto;
    }
    .project-title {
        text-align: center;
    }
    .project-tagline {
        text-align: center;
    }
}

/* ------------------------------------ Essay -------------------------------- */
.essay a, .resume a:visited { color: #207e85; text-decoration: none; }
.essay a:hover, .resume a:focus, .resume a:active { color: #51a1fc; }

.essay { font-size: 17px; font-family: "Open Sans", sans-serif; }
.essay h1 { font-size: 30px; margin-top: 35px; font-family: "Montserrat", sans-serif; }
.essay h2 { font-size: 25px; margin-top: 25px; font-family: "Montserrat", sans-serif; }
.essay p { margin: 1.2em 0 1.5rem 0; line-height: 1.5;  }
.essay ul { padding-left: 30px; margin-bottom: 0px; }
.essay li { margin-bottom: 20px; list-style: square; }
.essay-icon { margin: 0; padding: 0; border: 0; width: 100%; height: 120px; background-repeat: no-repeat; background-position: 50% 50%;}
.essay-title { width: 100%; text-align: center; line-height: 20px; font-size: 30px; text-transform: uppercase; }
.essay-tagline { margin-bottom: 0px; padding-top: 4px; width: 100%; text-align: center; font-size: 14px; }
.essay-section { font-size: 40px; width: 100%; margin-bottom: 30px; border-bottom: 1px solid #000000; line-height: 40px; margin-top: 30px; }

.essay-navigation { font-weight: bold; font-size: 20px; margin-top: 40px;}
.essay-video { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.essay-video iframe, .essay-video object, .essay-video embed { position:absolute; top:0; left:0; width:100%; height:100%;
}
/* ------------------------------------ Resume -------------------------------- */
.resume { color: #5f5f5f; font-size: 1.0625rem; line-height: 1.625; -webkit-font-smoothing: antialiased; }
.resume a, .resume a:visited { color: #207e85; text-decoration: none; } /* #aa0000; */
.resume a:hover, .resume a:focus, .resume a:active { color: #51a1fc; } /* #dd0000; */
.resume .name { color: #000000; font-size: 1.4em; letter-spacing: 3px; text-transform: uppercase; font-weight: bold; }
.resume h2 { color: #4f4f4f; font-size: 1.2em; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 0; }
.resume hr { border-color: #acacac; margin-top: 0; }
.resume .company { font-size: 1.1em; color: #000000; margin-bottom: 5px; }
.resume .job { display: inline-block; font-size: 1em; margin-left: 20px; color: #000000; }
.resume .duration { display: inline-block; font-size: 0.9em; margin-left: 20px; color: #4f4f4f; }
.resume .offsetparagraph { margin-left: 30px; margin-top: 5px; margin-bottom: 5px; }
.resume .bulletpointlist { padding-left: 60px; margin-top: 5px; margin-bottom: 25px; }
.resume .bulletpointlistsingle { padding-left: 60px; margin-top: 5px; margin-bottom: 25px; }
.resume .modproject { color: #000000; }
.resume .links-container { float:right; font-size: .8em; letter-spacing: 1px; line-height: .9em; text-transform: uppercase; margin-top: 10px; }
.resume .links-container a { margin-left: 40px; }
.resume .contact-information { font-size: .8em; letter-spacing: 1px; line-height: .9em; text-transform: uppercase; margin-bottom: 20px; }
.only-print { display: none; }

@media print {
    .w3-top, .w3-top * { display: none !important; }
    .w3-container { padding-top: 0 !important; }
	.resume hr { display: none !important; }
    .resume h2 { font-size: 1.0em; margin-bottom: 15px; }
	.resume .company { font-size: 0.9em; margin-bottom: 3px; }
	.resume .job { font-size: 0.8em; margin-left: 2px; }
	.resume .duration { font-size: 0.7em; }
	.resume .offsetparagraph { font-size: 0.7em; margin: 0; margin-left: 2px; }
	.resume .bulletpointlist { font-size: 0.7em; padding-left: 40px; margin-bottom: 15px; }
	.resume .bulletpointlistsingle { font-size: 0.7em; padding-left: 40px; margin-bottom: 15px; }
	.resume .modproject { font-size: 0.7em; margin-top: 15px; }
	.no-print { display: none !important; }
    .only-print { display: inline; }
}