h1 {
  font-family: instrument-serif, sans-serif;
  font-size: 30px;
  padding: 25px 0;
  color: #293C64;
}

.navbar .navbar-toggler {
  outline: none;
  border: none;
}
.navbar .navbar-brand {
  color: #293C64;
}
.navbar .navbar-collapse {
  text-align: right;
}
.navbar .collapse {
  justify-content: right;
}
.navbar #navbarNav a {
  font-size: 22px;
}
.navbar #navbarNav a:hover {
  color: #efd490;
}

.home .navbar {
  justify-content: center;
}
.home .navbar ul {
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 2em;
}
.home .navbar li a {
  font-family: montserrat, sans-serif;
  color: #293C64;
  font-size: 24px;
  margin: 0 5px;
}
@media (min-width: 992px) {
  .home .navbar li a {
    font-size: 20px;
  }
}
.home h1 {
  font-family: instrument-serif, sans-serif;
  font-size: 40px;
  text-align: left;
  margin-top: 3em;
}
@media (min-width: 768px) {
  .home h1 {
    font-size: 55px;
  }
}
@media (min-width: 992px) {
  .home h1 {
    font-size: 55px;
    margin-top: 4em;
  }
}
@media (min-width: 1200px) {
  .home h1 {
    font-size: 65px;
    margin-top: 5em;
  }
}
.home h2 {
  font-family: instrument-serif, sans-serif;
  font-size: 40px;
  text-align: left;
  color: #293C64;
  margin-top: 145px;
}
@media (min-width: 768px) {
  .home h2 {
    font-size: 55px;
    margin-top: 192px;
  }
}
@media (min-width: 992px) {
  .home h2 {
    font-size: 55px;
    margin-top: 244px;
  }
}
@media (min-width: 1200px) {
  .home h2 {
    font-size: 65px;
    margin-top: 350px;
  }
}
.home p {
  padding: 0;
  font-family: montserrat, sans-serif;
  font-weight: 100;
  font-size: 18px;
  text-align: center;
}

.contact .navbar a {
  font-family: instrument-serif, sans-serif;
  font-size: 24px;
}
.contact .navbar .active {
  color: #586e9d;
}
.contact .navbar li a {
  font-family: montserrat, sans-serif;
  color: #293C64;
  font-size: 24px;
  margin: 0 5px;
}
@media (min-width: 992px) {
  .contact .navbar li a {
    font-size: 20px;
  }
}
.contact h1 {
  font-family: instrument-serif, sans-serif;
  font-size: 30px;
  text-align: center;
  color: #293C64;
  text-align: center;
}
@media (min-width: 768px) {
  .contact h1 {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .contact h1 {
    font-size: 50px;
  }
}
.contact .contactimg {
  height: 80vh;
  position: relative;
  overflow: clip;
}
.contact .contactimg img {
  width: 100%;
  height: auto;
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact form {
  background-color: transparent;
  position: absolute;
  bottom: 8em;
  right: -1px;
}
@media (min-width: 768px) {
  .contact form {
    right: 67px;
  }
}
@media (min-width: 992px) {
  .contact form {
    right: 190px;
  }
}
@media (min-width: 1200px) {
  .contact form {
    right: 292px;
  }
}
@media (min-width: 1400px) {
  .contact form {
    right: 392px;
  }
}
@media (min-width: 1600px) {
  .contact form {
    right: 492px;
  }
}
.contact form label {
  font-family: montserrat, sans-serif;
  font-weight: 200;
  font-style: normal;
  color: white;
  font-size: 22px;
}
.contact form input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid white;
}
.contact form textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid white;
}
.contact form button {
  font-family: montserrat, sans-serif;
  border-color: white;
  background-color: transparent;
  margin-top: 3em;
  color: rgb(255, 255, 255);
}
.contact .socials {
  margin-top: 2em;
  margin-bottom: 2em;
}
.contact .socials a {
  font-family: montserrat, sans-serif;
  text-decoration: none;
  color: #586e9d;
  text-align: right;
}
@media (min-width: 768px) {
  .contact .socials a {
    text-align: center;
  }
}
.contact .socials a:hover {
  color: #293C64;
  text-decoration: underline;
}

article h1 {
  text-align: center;
}
@media (min-width: 992px) {
  article h1 {
    text-align: right;
  }
}

.about .navbar a {
  font-family: instrument-serif, sans-serif;
  font-size: 24px;
}
.about .navbar li a {
  font-family: montserrat, sans-serif;
  color: #293C64;
  font-size: 24px;
}
@media (min-width: 992px) {
  .about .navbar li a {
    font-size: 18px;
  }
}
.about .navbar .active {
  color: #efd490;
}
.about header {
  position: relative;
}
.about h1 {
  font-family: instrument-serif, sans-serif;
  font-size: 30px;
  text-align: center;
  color: #293C64;
  text-align: center;
}
@media (min-width: 768px) {
  .about h1 {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .about h1 {
    font-size: 50px;
  }
}
.about p {
  font-family: montserrat, sans-serif;
  margin-top: 3em;
  color: rgb(0, 0, 0);
}
@media (min-width: 992px) {
  .about p {
    position: absolute;
    top: 10em;
    right: 2em;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .about p {
    font-size: 22px;
    position: absolute;
    top: 10em;
    right: 2em;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(1px);
            backdrop-filter: blur(1px);
    padding: 20px;
  }
}
.about .row li {
  text-align: center;
}
.about .resume ul {
  margin-top: 2em;
  list-style: none;
  padding: 0;
}
.about .download {
  background-color: #586e9d;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 auto;
  margin-top: 2em;
  border: none;
  text-align: center;
}
.about .download:hover {
  background-color: #293C64;
}
.about .download a {
  font-family: montserrat, sans-serif;
  text-decoration: none;
  padding: 8px 5px;
  font-size: 14px;
  color: white;
  text-align: center;
}
.about footer a {
  font-family: instrument-serif, sans-serif;
  text-align: center;
  text-decoration: none;
  color: #293C64;
  font-size: 18px;
  margin-top: 4em;
  margin-bottom: 4em;
}

.work .navbar a {
  font-family: instrument-serif, sans-serif;
  font-size: 24px;
}
.work .navbar li a {
  font-family: montserrat, sans-serif;
  color: #293C64;
  font-size: 24px;
}
@media (min-width: 992px) {
  .work .navbar li a {
    font-size: 18px;
  }
}
.work .navbar .active {
  color: #efd490;
}
.work h1 {
  margin-bottom: 1em;
  font-family: instrument-serif, sans-serif;
  font-size: 30px;
  text-align: center;
  color: #293C64;
  text-align: center;
}
@media (min-width: 768px) {
  .work h1 {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .work h1 {
    font-size: 50px;
  }
}
.work .thumbnails ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  gap: 20px;
  margin: 55px;
}
@media (min-width: 992px) {
  .work .thumbnails ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    gap: 40px;
    margin: 75px;
  }
}
.work .thumbnails img {
  width: 100%;
}
.work footer a {
  font-family: instrument-serif, sans-serif;
  text-align: center;
  text-decoration: none;
  color: #293C64;
  font-size: 18px;
  margin-top: 4em;
  margin-bottom: 4em;
}

.shoerack h1 {
  font-family: instrument-serif, sans-serif;
  font-size: 30px;
  text-align: center;
  color: #293C64;
  text-align: center;
  padding: 1px 0;
}
@media (min-width: 768px) {
  .shoerack h1 {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .shoerack h1 {
    font-size: 50px;
  }
}
.shoerack h2 {
  font-family: instrument-serif, sans-serif;
  font-size: 15px;
  text-align: center;
  color: #293C64;
  margin-bottom: 3em;
  text-align: center;
}
@media (min-width: 768px) {
  .shoerack h2 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .shoerack h2 {
    font-size: 25px;
  }
}
.shoerack .navbar a {
  font-family: instrument-serif, sans-serif;
  font-size: 24px;
}
.shoerack .navbar li a {
  font-family: montserrat, sans-serif;
  color: #293C64;
  font-size: 24px;
}
@media (min-width: 992px) {
  .shoerack .navbar li a {
    font-size: 18px;
  }
}
.shoerack .navbar .active {
  color: #efd490;
}
.shoerack p {
  font-size: 18px;
  font-family: montserrat, sans-serif;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  .shoerack p {
    font-size: 22px;
  }
}
.shoerack .lastimg {
  margin-top: 100px;
}
.shoerack footer a {
  font-family: instrument-serif, sans-serif;
  text-align: center;
  text-decoration: none;
  color: #293C64;
  font-size: 18px;
  margin-top: 4em;
  margin-bottom: 4em;
}
.shoerack .toggle {
  margin-top: 150px;
}
.shoerack .toggle p {
  margin-top: 0;
  text-align: center;
  font-size: 25px;
}

.comics .navbar a {
  font-family: instrument-serif, sans-serif;
  font-size: 24px;
}
.comics .navbar li a {
  font-family: montserrat, sans-serif;
  color: #293C64;
  font-size: 24px;
}
@media (min-width: 992px) {
  .comics .navbar li a {
    font-size: 18px;
  }
}
.comics .navbar .active {
  color: #586e9d;
}
.comics h1 {
  margin-top: 100px;
  font-family: instrument-serif, sans-serif;
  font-size: 30px;
  text-align: center;
  color: #293C64;
  text-align: center;
  padding: 1px 0;
}
@media (min-width: 768px) {
  .comics h1 {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .comics h1 {
    font-size: 50px;
  }
}
.comics p {
  font-size: 18px;
  font-family: montserrat, sans-serif;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  .comics p {
    font-size: 22px;
  }
}
.comics .toggle {
  margin-top: 150px;
}
.comics .toggle a {
  text-align: center;
}
.comics .toggle p {
  margin-top: 0;
  text-align: center;
  font-size: 20px;
}
@media (min-width: 992px) {
  .comics .toggle p {
    font-size: 25px;
  }
}
.comics footer a {
  font-family: instrument-serif, sans-serif;
  text-align: center;
  text-decoration: none;
  color: #293C64;
  font-size: 18px;
  margin-top: 4em;
  margin-bottom: 4em;
}
.comics .museumlast {
  margin-top: 100px;
}/*# sourceMappingURL=custom.css.map */