body {
  background-color: #F5F5F5;
}
body h1 {
  font-family: "usual", sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ED6426;
}
body h3 {
  font-family: "usual", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ED6426;
}
body p {
  font-family: "georgia", sans-serif;
  font-size: 16px;
  color: #4D2E24;
}
body h4 {
  font-size: 24px;
  color: #415441;
  font-family: "usual", sans-serif;
  font-weight: 700;
}
body h6 {
  font-size: 16px;
  color: #4D2E24;
  font-family: "usual", sans-serif;
  font-weight: 700;
}

/* Navbar */
nav img {
  width: 60%;
}
nav .navbar button {
  border: none;
}
nav .navbar-nav a:hover {
  color: #ED6426;
}
nav .navbar-nav a {
  font-family: "usual", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: #415441;
  font-weight: 700;
}
nav .navbar-nav a.active {
  color: #ED6426 !important;
}
@media (min-width: 768px) {
  nav .navbar-nav a {
    font-family: "usual", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    color: #415441;
    font-weight: 700;
  }
}
@media (min-width: 1200px) {
  nav .navbar-nav a {
    font-family: "usual", sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    color: #415441;
    font-weight: 700;
    margin-left: 1em;
  }
  nav .navbar-brand img {
    width: 100%;
  }
}

/* End navbar */
/* Footer */
footer .icons2 {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
footer ul {
  display: grid;
  grid-template-columns: 0.2fr 0.5fr 2fr;
  padding-top: 5em;
  padding-left: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  footer ul {
    margin-top: 4em;
  }
}
@media (min-width: 992px) {
  footer ul {
    margin-top: 4em;
  }
}
@media (min-width: 1200px) {
  footer ul {
    margin-top: 5em;
  }
}
footer li {
  list-style: none;
}
footer .insta2 {
  float: left;
  width: 183%;
}
@media (min-width: 768px) {
  footer .insta2 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  footer .insta2 {
    width: 65%;
  }
}
@media (min-width: 1200px) {
  footer .insta2 {
    width: 47%;
  }
}
footer .link2 {
  margin-left: 3em;
  width: 60%;
  margin-top: 0.3em;
  border-radius: 20%;
}
@media (min-width: 768px) {
  footer .link2 {
    margin-top: 0.4em;
    width: 24%;
    margin-left: 1em;
    border-radius: 20%;
    width: 31%;
  }
}
@media (min-width: 992px) {
  footer .link2 {
    width: 19%;
    margin-top: 0.5em;
    margin-left: -1em;
    border-radius: 20%;
  }
}
@media (min-width: 1200px) {
  footer .link2 {
    width: 15%;
    margin-left: -2.5em;
    margin-top: 0.4em;
    border-radius: 20%;
  }
}
footer h6 {
  float: right;
  margin-top: 1em;
}

.home-footer ul {
  display: grid;
  grid-template-columns: 0.2fr 0.5fr 2fr;
  padding: 0;
  position: absolute;
}
@media (min-width: 768px) {
  .home-footer ul {
    margin-top: 65em;
  }
}
@media (min-width: 992px) {
  .home-footer ul {
    margin-top: 19em;
  }
}
.home-footer li {
  list-style: none;
}
.home-footer .insta2 {
  float: left;
  width: 120%;
}
@media (min-width: 768px) {
  .home-footer .insta2 {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .home-footer .insta2 {
    width: 65%;
  }
}
@media (min-width: 1200px) {
  .home-footer .insta2 {
    width: 47%;
  }
}
.home-footer .link2 {
  margin-left: 1em;
  width: 37%;
  margin-top: 0.3em;
  border-radius: 20%;
}
@media (min-width: 576px) {
  .home-footer .link2 {
    margin-top: 0.3em;
    border-radius: 20%;
  }
}
@media (min-width: 768px) {
  .home-footer .link2 {
    margin-top: 0.4em;
    width: 24%;
    margin-left: -0.5em;
    border-radius: 20%;
  }
}
@media (min-width: 992px) {
  .home-footer .link2 {
    width: 19%;
    margin-top: 0.4em;
    margin-left: -1em;
    border-radius: 20%;
  }
}
@media (min-width: 1200px) {
  .home-footer .link2 {
    width: 15%;
    margin-left: -2.5em;
    margin-top: 0.4em;
    border-radius: 20%;
  }
}

/* End footer */
/* Home */
.flower {
  width: 100%;
  height: 100%;
  opacity: 65%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.welcome {
  height: 20vh;
  position: relative;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .welcome {
    height: 40vh;
  }
}

.welcome h1 {
  position: absolute;
  color: #415441;
  font-size: 36px;
  width: 100%;
  text-align: center;
  top: 45%;
}
@media (min-width: 992px) {
  .welcome h1 {
    font-size: 64px;
  }
}

.thumbs {
  position: relative;
  padding: 0;
  margin: 0;
  height: 590vh;
}
.thumbs .row > div {
  position: relative;
}
@media (min-width: 768px) {
  .thumbs {
    height: 160vh;
  }
}
@media (min-width: 992px) {
  .thumbs {
    height: 100vh;
    margin: 0;
  }
}

.thumbs img {
  width: 100%;
}

.thumbs a {
  text-decoration: none;
}

.zine-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  width: 100%;
  height: 100%;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .zine-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .zine-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5em;
    margin: 0;
    gap: 0;
  }
}

.wax-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .wax-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .wax-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5.5em;
    margin: 0;
    gap: 0;
  }
}

.ted-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .ted-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .ted-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5em;
    margin: 0;
    gap: 0;
  }
}

.blah-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .blah-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .blah-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5em;
    margin: 0;
    gap: 0;
  }
}

.spaces-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .spaces-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .spaces-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5em;
    margin: 0;
    gap: 0;
  }
}

.eternal-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .eternal-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .eternal-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5.5em;
    margin: 0;
    gap: 0;
  }
}

.blip-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .blip-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .blip-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5.5em;
    margin: 0;
    gap: 0;
  }
}

.artspring-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .artspring-descrip h3 {
    position: absolute;
    top: 0;
    font-size: 32px;
    opacity: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    gap: 0;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .artspring-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 96%;
    padding-top: 5em;
    margin: 0;
    gap: 0;
  }
}

.snipe-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  margin-bottom: 2em;
}
@media (min-width: 992px) {
  .snipe-descrip h3 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 32px;
    opacity: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: transparent;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .snipe-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    text-align: center;
    width: 96%;
    height: 100%;
    padding-top: 5em;
    margin: 0;
    gap: 0;
    padding-bottom: 1em;
  }
}

.plate-descrip h3 {
  color: #ED6426;
  font-size: 24px;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .plate-descrip h3 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 32px;
    opacity: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: transparent;
    margin-top: 5em;
  }
}

@media (min-width: 992px) {
  .plate-descrip h3:hover {
    opacity: 1;
    background-color: rgba(65, 84, 65, 0.5);
    width: 96%;
    height: 100%;
    padding-top: 4em;
    padding-left: 2em;
    margin: 0;
    gap: 0;
    text-align: center;
    padding-bottom: 2em;
    padding-right: 2em;
  }
}

.zines-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .zines-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .zines-img {
    position: relative;
    padding-bottom: 1em;
  }
}

.wax-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .wax-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .wax-img {
    position: relative;
    padding-bottom: 1em;
  }
}

.ted-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .ted-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .ted-img {
    position: relative;
  }
}

.blah-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .blah-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .blah-img {
    position: relative;
  }
}

.spaces-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .spaces-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .spaces-img {
    position: relative;
    padding-bottom: 1em;
  }
}

.eternal-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .eternal-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .eternal-img {
    position: relative;
  }
}

.blip-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .blip-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .blip-img {
    position: relative;
  }
}

.artspring-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .artspring-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .artspring-img {
    position: relative;
  }
}

.snipe-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .snipe-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .snipe-img {
    position: relative;
  }
}

.plate-img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .plate-img {
    padding-right: 1em;
  }
}
@media (min-width: 992px) {
  .plate-img {
    position: relative;
  }
}

/* End home */
/* Contact */
form .form-button:hover {
  background-color: #ED6426;
}
form .form-button:hover {
  color: #4D2E24;
}
form .contact {
  margin-top: 2em;
  border: none;
  background-color: #EDE4DD;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 10.5em;
  padding-left: 0.5em;
  width: 100%;
}
form .contact-area {
  margin-top: 2em;
  border: none;
  background-color: #EDE4DD;
  padding-right: 5em;
  padding-left: 0.5em;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 100%;
}
form ::-moz-placeholder {
  color: #4D2E24;
  font-family: "georgia", sans-serif;
}
form ::placeholder {
  color: #4D2E24;
  font-family: "georgia", sans-serif;
}
form .form-button {
  color: #EDE4DD;
  font-size: 14px;
  font-family: "usual", sans-serif;
  background-color: #415441;
  border: none;
  border-radius: 5em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* End contact */
/* Zine */
section .heading h1 {
  font-size: 32px;
  text-align: center;
}
@media (min-width: 992px) {
  section .heading h1 {
    font-size: 48px;
  }
}
section .zine-main {
  width: 100%;
}
section .proj-type h3 {
  color: #415441;
  font-size: 24px;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  section .proj-type h3 {
    font-size: 32px;
  }
}
section .proj-descrip h4 {
  font-size: 18px;
  color: #4D2E24;
}
@media (min-width: 992px) {
  section .proj-descrip h4 {
    font-size: 24px;
  }
}
section .proj-explain p {
  font-size: 16px;
  color: #4D2E24;
}
@media (min-width: 992px) {
  section .proj-explain p {
    font-size: 20px;
  }
}
section .zine-img1 {
  width: 100%;
}
section .zine-img2 {
  width: 100%;
}
section .prev img {
  width: 100%;
}
section .next img {
  width: 100%;
}
section .heading {
  font-size: 38px;
  width: 100%;
  top: 45%;
  text-align: center;
}

@media (min-width: 992px) {
  .heading h1 {
    color: #ED6426;
    font-size: 40px;
  }
  .proj-type h3 {
    text-transform: capitalize;
    font-size: 36px;
    color: #415441;
  }
  .proj-descrip h4 {
    font-size: 24px;
    color: #4D2E24;
  }
  .proj-explain p {
    font-size: 20px;
    color: #4D2E24;
    margin-top: 1em;
    float: left;
  }
}
@media (min-width: 1200px) {
  .heading h1 {
    color: #ED6426;
    font-size: 64px;
  }
}
/*End Zine*/
/* About */
section .hello {
  text-align: center;
}
@media (min-width: 992px) {
  section .hello {
    font-size: 64px;
  }
}

.about-intro img {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .about-intro img {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .about-intro h1 {
    font-size: 64px;
  }
}
.about-intro p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  color: #4D2E24;
}

.about-cont p {
  font-size: 16px;
  padding: 0;
}
@media (min-width: 768px) {
  .about-cont p {
    font-size: 20px;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .about-cont p {
    font-size: 24px;
  }
}
.about-cont .blackwater img {
  width: 100%;
  border-radius: 100%;
}
.about-cont .spines img {
  width: 100%;
  border-radius: 100%;
  padding: 0;
}
@media (min-width: 1200px) {
  .about-cont .spines {
    padding-bottom: 8em;
  }
}
.about-cont .spine-text {
  padding-bottom: 6em;
}
@media (min-width: 1200px) {
  .about-cont .spine-text {
    padding-top: 6em;
  }
}
.about-cont .insta1 p {
  text-align: center;
}
.about-cont .insta1 img {
  width: 100%;
}
.about-cont .droop img {
  width: 100%;
  border-radius: 100%;
}
@media (min-width: 1200px) {
  .about-cont .droop {
    padding-bottom: 8em;
  }
}

h2 {
  font-family: "usual", sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ED6426;
}
@media (min-width: 992px) {
  h2 {
    font-size: 64px;
  }
}

.education h2 {
  text-align: center;
}
@media (min-width: 992px) {
  .education h2 {
    text-align: left;
    font-size: 48px;
  }
}

@media (min-width: 768px) {
  .ed-type p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .ed-type p {
    font-family: "georgia", sans-serif;
    font-size: 24px;
    color: #4D2E24;
  }
}

.flower-book img {
  width: 100%;
  border-radius: 100%;
}
@media (min-width: 992px) {
  .flower-book img {
    display: none;
  }
}

.bzine img {
  width: 100%;
  border-radius: 100%;
}

.resume h2 {
  text-align: center;
}
@media (min-width: 992px) {
  .resume h2 {
    text-align: left;
    font-size: 48px;
  }
}
.resume p {
  text-align: center;
}
@media (min-width: 768px) {
  .resume p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .resume p {
    font-family: "georgia", sans-serif;
    font-size: 24px;
    color: #4D2E24;
    text-align: left;
  }
}

.form-button button:hover {
  background-color: #ED6426;
}
.form-button button:hover .form-button button:hover {
  color: #4D2E24;
}

@media (min-width: 768px) {
  .form-button {
    padding-left: 5em;
  }
}
@media (min-width: 992px) {
  .form-button {
    padding-left: 0;
  }
}

.form-button button {
  background-color: #415441;
  border: none;
  border-radius: 5em;
  color: #EDE4DD;
  font-size: 14px;
  font-family: "usual", sans-serif;
  font-weight: 700;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  margin: 0;
}
@media (min-width: 768px) {
  .form-button button {
    font-size: 13px;
  }
}

/* About end */
/* Space race*/
.space-intro img {
  width: 100%;
}

.space-descrip .space-descrip-text h3 {
  font-size: 24px;
  color: #415441;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .space-descrip .space-descrip-text h3 {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .space-descrip .space-descrip-text h3 {
    font-size: 40px;
  }
}
.space-descrip h4 {
  font-size: 20px;
  color: #4D2E24;
}
@media (min-width: 992px) {
  .space-descrip h4 {
    font-size: 24px;
    color: #4D2E24;
  }
}
@media (min-width: 1200px) {
  .space-descrip h4 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .space-descrip p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .space-descrip p {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  .space-img p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .space-img p {
    font-size: 24px;
  }
}
.space-img img {
  width: 100%;
}
.space-img .timeline-text {
  padding-top: 3em;
}
@media (min-width: 1200px) {
  .space-img .timeline-text {
    padding-top: 8em;
  }
}
.space-img .sketch1 img {
  width: 100%;
}
.space-img .sketch2 img {
  width: 100%;
}
.space-img .sketch3 img {
  width: 100%;
}
.space-img .cat img {
  width: 100%;
}
.space-img .rocket img {
  width: 100%;
}
.space-img .timeline img {
  width: 100%;
}
.space-img .folderfront img {
  width: 100%;
}
.space-img .folderback img {
  width: 100%;
}
/*End space race*//*# sourceMappingURL=custom.css.map */