* {font-family:'News Cycle',Helvetica,Arial,sans-serif;color:#291f1e;font-weight:normal;}
h1 {margin:0;padding:40px 0 0;font-size:54px;text-align:center;}
h2 {margin:0;padding:20px 0 0;font-size:30px;text-align:center;}
h3 {margin:0;padding:0;font-size:24px;text-align:center;}
h4 {margin:0;padding:0;font-size:18px;text-align:center;}

body {background-color:#ffffff;margin:auto 10px;padding:0;max-width:1920px;}
div {margin:0;padding:0;}
a, p {font-size:18px;font-weight:200;color:#291f1e;}
p {margin:0;padding:20px 20px 0;line-height:1.7em;text-align:center;}
a {text-decoration:none;}

ol {float:left;padding:0;margin-left:auto;}
ul {list-style-type:none;padding:0;margin:0;}
li {list-style-position:inside;margin:0;padding:5px 10px;font-size:18px;display:inline-block;text-align:center;}

dl {padding:0;margin-left:auto;}
dt {list-style-position:inside;width:100%;padding:0;margin-left:auto;font-size:24px;}
dd {font-size:16px;font-weight:200;margin:0;line-height:1.7em;}

table {border-spacing:0;margin:auto;white-space:nowrap;border-left: 1px solid #fafafa;border-right: 1px solid #fafafa;border-top:1px solid #fafafa;}
tr {line-height: 24px;height: 37px;}
th {text-align:center;padding:5px 10px;font-size:18px;background-color:#fafafa;}
td {text-align:center;margin:0;padding:5px 10px;font-size:18px;border-bottom:1px solid #fafafa;}
/*
.1-under {display: inline-block; margin: auto; height: 24px; width: 24px; border-radius: 50%; border: 1px solid #291f1e;}
.1-over {display: inline-block; margin: auto; height: 24px; width: 24px; border-radius: 0; border: 1px solid #291f1e;}
.2-under {}
.2-over {display: inline-block; margin: auto; height: 20px; width: 20px; border-radius: 0; border: 3px double #291f1e; line-height: 20px;}
.costume-design-title {width:200px;}
.costume-design-company {width:300px;}
.costume-design-director {width:200px;}
.film-television-project {width:200px;}
.film-television-company {width:300px;}
.film-television-designer {width:200px;}
.assistant-design-project {width:200px;}
.assistant-design-company {width:300px;}
.assistant-design-designer {width:200px;}
.lecturer-title {width:300px;}
.lecturer-organization {width:300px;}
*/
::-webkit-scrollbar {width: 0;height:0;}

.resume-image {width:20%;margin: 20px 1% 0 0;}
.tool-image {width:28%;margin:15px 2% 15px 2%;}
.library-image {max-width:49%;margin:2% 0 2% 2%;float:right;}

.about-image {max-width:50%;padding:20px;}
@media screen and (max-width:720px) {
.about-image {max-width:100%;box-sizing:border-box;}}

.contact-image {max-width:50%;padding:20px;float:right;}
@media screen and (max-width:720px) {
.contact-image {max-width:100%;box-sizing:border-box;float:none;}}

html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html {box-sizing:border-box}*,*:before,*:after{box-sizing:initial}

/* Container holding the image and the text */
.container {
  position: relative;
}

.container-half-left {
  position: relative;
  width:49.5%;
  margin:0.5% 0.5% 0.5% 0;
  float:left;
}

.container-half-right {
  position: relative;
  width:49.5%;
  margin:0.5% 0 0.5% 0.5%;
  float:left;
}

/* Overlay text */
.text-block {
  position: absolute;
  bottom: 10%;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 0;
  margin:0;
}

.title-spacer {
    padding-left:10%;
}

.row {
    display:inline;
    }

.row:after, .container-half-left:after, .container-half-right:after {
  content: "";
  display: table;
  clear: both;
}

.image-half-left {width:49.5%;
    float: left;
    margin: 0.5% 1% 0.5% 0;
}
.image-half-right {width:49.5%;
    float: left;
    margin: 0.5% 0;
}

.image-third-left {width:32.66%;
    float: left;
    margin: 0.5% 1% 0.5% 0;
}
.image-third-center {width:32.66%;
    float: left;
    margin: 0.5% 1% 0.5% 0;
}
.image-third-right {width:32.66%;
    float: left;
    margin: 0.5% 0;
}

.image-quarter-left, .image-quarter-left-center, .image-quarter-right-center {
    width:24.25%;
    float: left;
    margin: 0.5% 1% 0.5% 0;
}
.image-quarter-right {
    width:24.25%;
    float: left;
    margin: 0.5% 0;
}

.image-fifth-left, .image-fifth-left-center, .image-fifth-center, .image-fifth-right-center {
    width:19.2%;
    float: left;
    margin: 0.5% 1% 0.5% 0;
}
.image-fifth-right {
    width:19.2%;
    float: left;
    margin: 0.5% 0;
}
    
@media screen and (max-width: 720px) {
  .image-half-left, .image-half-right, .container-half-left, .container-half-right {
    width: 100%; margin: 0.5% 0;
  }}
  
@media screen and (max-width: 640px) {
  .image-third-left, .image-third-center, .image-third-right {
    width: 100%; margin: 0.5% 0;
  }}
  
@media screen and (max-width: 720px) {
  .image-quarter-left, .image-quarter-right-center {
    width: 49.5%; margin: 0.5% 1% 0.5% 0;
  }}
  
@media screen and (max-width: 720px) {
  .image-quarter-right, .image-quarter-left-center {
    width: 49.5%; margin: 0.5% 0;
  }}
  
@media screen and (max-width: 720px) {
  .image-fifth-left, .image-fifth-left-center, .image-fifth-right-center, .image-fifth-right {
    width: 32.66%; margin: 0.5% 1% 0.5% 0;
  }}

@media screen and (max-width: 720px) {
  .image-fifth-center {
    width: 32.66%; margin: 0.5% 0;
  }}

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
  padding-bottom:20px;
}

/* Style navigation menu links */
.topnav a {
  color: #ffffff;
  padding: 10px 40px;
  text-decoration: none;
  font-size: 16px;
  display: block;
  text-align: right;
}

.contact-form-container{
    width:480px;
    max-width:40%;
    box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
    padding:2em;
    background-color:#fff;
    margin:20px;
    box-sizing:inherit;
}
@media screen and (max-width: 720px) {
    .contact-form-container{
        max-width:100%;
    }
}

.form {box-sizing:inherit;}

.form-group{
    margin-bottom:1.5em;
    transition:all .3s;
}
.form-label{
    font-size:.75em;
    color:var(--font-color);
    display:block;
    opacity:0;
    transition: all .3s;
    transform:translateX(-50px);
}
.form-control{
    box-shadow:none;
    border-radius:3px;
    border-color:#ccc;
    border-style:solid;
    border-width:1px;
    width:95%;
    font-size:1.25em;
    transition:all .6s;
    padding: 10px;
}
.form-control::placeholder{
    color:#aaa;
}

.btn{
    background: 0 0 #fff;
    border:1px solid #aaa;
    border-radius:3px;
    color:var(--font-color);
    font-size:1em;
    padding:10 50px;
}
.btn:hover{
    border-color:var(--font-hover-color);
    color:var(--font-hover-color);
}

nav {max-width:1200px;margin:auto;background-color:#ffffff;z-index:1;}
.menu-dropdown {margin: 0;padding:0 0 20px;background-color:#ffffff;position: absolute;z-index:1;max-width:1200px;width:100%;}
/*.site-header {top:0;width:100%;}*/
.topnav {overflow: hidden;position: relative;}
#myLinks {position:absolute;display:none;margin: 0 15px;right:0;width: 85px;text-align: right;}
.topnav a {color: #ffffff;padding: 20px 15px;text-decoration: none;display: block;text-align: right;}
.topnav .menu-icon {display: inline-block;position: absolute;right: 0;top: 0;padding:13px 15px 17px 15px;}
.site-header .topnav .site-name {font-family:'Meow Script',cursive;padding:15px 20px;text-align:left;display:inline-block;font-size:36px;color: #291f1e;}
.menu-link {font-family:'Meow Script',cursive;padding: 0 5px 0;display: inline-block;font-size: 30px;color: #291f1e;}
.menu-minus {position:absolute;display:block;right: 0;top: 0;padding:20px 15px;font-size:16px;}
.menu-open {display:none;}
.menu-li {display:block;}

/*
.site-header {position:fixed;width:100%;background-color:#ffffff;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.1);z-index:1;}
.topnav {overflow: hidden;position: relative;z-index:1;max-width:960px;margin:auto;}
.topnav #myLinks {position:absolute;z-index:2;display:none;right:0;}
.topnav a {color: #291f1e;padding: 20px 15px;text-decoration: none;display: block;text-align: right;}
.topnav .menu-icon {display: inline-block;position: absolute;right: 0;top: 0;margin:15px;padding:0;font-size:24px;line-height:0;font-family:Arial,sans-serif;}
.site-header .topnav .menu-open .menu-links-group {padding:12px 70px 13px 5px;line-height:16px;}
.site-header .topnav .site-name {margin:15px;padding:0;text-align: left;display: inline-block;font-size: 27px;line-height: 35px;vertical-align: top;font-family: Arial,sans-serif;color:#291f1e;}
.site-header .topnav .menu-link-anchor {padding: 0 10px 0;display: inline-block;}
.menu-minus {position:absolute;z-index:1;display:block;right: 0;top: 0;padding:20px 15px;font-size:20px;}
.menu-dropdown {text-align:center;padding:15px 0;}
.menu-dropdown .menu-link-anchor {color:#291f1e;font-size:18px;line-height:26px;padding:15px;}
.menu-dropdown .menu-link {padding:15px 0;}
*/