nav .navbar-toggler {
  border: none;
}

nav li a {
  font-size: 5px;
  font-family: "roc-grotesk-extrawide", sans-serif;
  float: right;
  margin-right: 40px;
}

nav li a:active {
  color: #ff0000;
}

.nav-link .active {
  color: #ff0000;
}

header h1 {
  font-family: "kepler-std-extended-display", serif;
  font-size: 25px;
}
@media (min-width: 992px) {
  header h1 {
    font-size: 54px;
  }
}

header p {
  padding-top: 150px;
  font-family: "roc-grotesk-extrawide", sans-serif;
  color: red;
  font-size: 10px;
  margin-bottom: 0;
  font-variant: small-caps;
  font-size: 10px;
}
@media (min-width: 992px) {
  header p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  header p {
    padding-top: 270px;
  }
}

main {
  position: relative;
}

.contact-links-parent {
  display: none;
  position: absolute;
}
@media (min-width: 992px) {
  .contact-links-parent {
    display: block;
    left: 0;
    top: -190px;
    display: flex;
    flex-direction: column;
    gap: 420px;
    justify-content: space-between;
  }
}
.contact-links-parent .contact-links {
  display: block;
  transform: rotate(-90deg);
}
.contact-links-parent a {
  font-family: "roc-grotesk-extrawide", sans-serif;
  text-decoration: none;
  color: #b1b1b1;
}

.hover .desc {
  padding-top: 40px;
}
@media (min-width: 992px) {
  .hover {
    padding-bottom: 50px;
  }
}

main h2 {
  font-family: "roc-grotesk-extrawide", sans-serif;
  color: red;
  font-size: 15px;
  font-variant: small-caps;
  text-decoration: underline;
  padding-top: 70px;
  padding-bottom: 10px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  main h2 {
    padding-left: 125px;
    font-size: 19px;
  }
}

.mock a {
  text-decoration: none;
  color: #000000;
}

.mock p {
  margin-top: -50px;
  line-height: 3em;
  font-family: "roc-grotesk-wide", sans-serif;
  font-variant: small-caps;
  padding-left: 10px;
  text-decoration: none;
}
.mock .arrow {
  margin-top: -30px;
}
.mock .arrow img {
  padding-left: 450px;
  margin-top: -30px;
}
@media (min-width: 992px) {
  .mock .arrow {
    display: none;
  }
}

@media (min-width: 992px) {
  .mock a {
    display: inline-block;
    position: relative;
  }
  .mock .description {
    position: absolute;
    top: 45%;
    left: 0;
    text-align: center;
    width: 100%;
    color: #2b2b2b;
    opacity: 0;
  }
  .mock a:hover .description {
    opacity: 1;
  }
  .mock img:hover {
    background-color: #313131;
    opacity: 0.5;
  }
}
footer {
  padding-top: 70px;
}
footer .letstalk a {
  text-decoration: underline;
  color: #000000;
  font-family: "roc-grotesk-extrawide", sans-serif;
}
@media (min-width: 992px) {
  footer .letstalk a {
    font-size: 19px;
  }
}
footer img {
  padding-top: 65px;
}

/*index ends*/
/*contact page start*/
main h1 {
  color: red;
  font-family: "roc-grotesk-extrawide", sans-serif;
  font-size: 20px;
  margin-top: 90px;
  margin-bottom: 30px;
}

footer .contact a {
  padding-right: 50px;
}

input[type=text], input[type=email], input[type=text], textarea {
  justify-content: center;
  background-color: #ffffff;
  border: solid 1px #000000;
  margin-bottom: 25px;
  height: 35px;
}
@media (min-width: 992px) {
  input[type=text], input[type=email], input[type=text], textarea {
    width: 100%;
  }
}

label {
  font-family: "roc-grotesk-extrawide", sans-serif;
  font-size: 12px;
}

.button {
  font-family: "kepler-std-extended-display", serif;
  font-variant: small-caps;
  color: #ffffff;
  background-color: #000000;
  font-size: 18px;
}

.contact a {
  text-decoration: none;
  font-family: "roc-grotesk-extrawide", sans-serif;
  color: #696969;
}

/*contact page ends*/
/*about page starts*/
.about {
  text-align: center;
  margin-top: 100px;
}
.about h1 {
  font-family: "roc-grotesk-extrawide", sans-serif;
  font-size: 15px;
  color: red;
  font-variant: small-caps;
  font-weight: 600;
}
.about h2 {
  font-family: "roc-grotesk-extrawide", sans-serif;
  font-size: 15px;
  color: red;
  font-variant: small-caps;
}
.about img {
  padding-bottom: 40px;
  padding-top: 40px;
}

@media (min-width: 992px) {
  .intro {
    margin-top: -570px;
    font-size: 20px;
  }
}

.me {
  margin-bottom: 14px;
}
.me p {
  font-family: "kepler-std-extended-display", serif;
  text-align: center;
  font-size: 20;
  padding-left: 15px;
  padding-right: 15px;
}

.resume {
  margin-left: 8px;
}
.resume h3 {
  font-family: "roc-grotesk-extrawide", sans-serif;
  color: red;
  font-size: 18px;
  text-align: center;
  font-variant: small-caps;
}
.resume h4 {
  font-family: "roc-grotesk-extrawide", sans-serif;
  color: red;
  font-size: 16px;
  font-variant: small-caps;
  display: inline-block;
  border-bottom: 2px solid red;
  padding-bottom: 11px;
  width: 75%;
  padding-top: 50px;
}
.resume p {
  font-family: "kepler-std-extended-display", serif;
  font-size: 16px;
  padding-top: 14px;
}
.resume .dates h5 {
  margin-top: -20;
}
.resume .small {
  margin-bottom: -35px;
  font-weight: 700;
}
.resume .experience {
  margin-top: -25px;
}
.resume h5 {
  font-family: "kepler-std-extended-display", serif;
  font-size: 16px;
}

/*end of about page*/
/*start of tedtalk*/
@media (min-width: 992px) {
  .about {
    padding-bottom: 100px;
  }
}
.about h1 {
  text-align: center;
}
@media (min-width: 992px) {
  .about h1 {
    text-align: left;
  }
}
.about h2 {
  text-align: center;
}
@media (min-width: 992px) {
  .about h2 {
    text-align: left;
  }
}

.ted img {
  margin-top: 40px;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .ted img {
    margin-top: -259px;
  }
}
.ted p {
  font-family: "kepler-std-extended-display", serif;
  font-size: 16px;
  text-align: center;
  padding-top: 20px;
}
@media (min-width: 992px) {
  .ted p {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .ted .size {
    margin-top: -103px;
  }
}

.type img {
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .type img {
    margin-top: -259px;
  }
}

/*work page*/
@media (min-width: 992px) {
  .work span {
    font-size: 10px;
  }
}

/*potomac*/
.potomac img {
  margin-top: 40px;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .potomac img {
    margin-top: -400px;
  }
}
.potomac p {
  font-family: "kepler-std-extended-display", serif;
  font-size: 16px;
  text-align: center;
  padding-top: 20px;
}
@media (min-width: 992px) {
  .potomac .size {
    margin-top: -103px;
  }
}

@media (min-width: 992px) {
  .potomac p {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .potomac img {
    margin-top: -555px;
  }
}

/*end potomac page*/
/*type interviews*/
@media (min-width: 992px) {
  .type img {
    margin-bottom: 274px;
  }
}

@media (min-width: 992px) {
  .type1 img {
    margin-bottom: 274px;
    margin-top: -476px;
  }
}

@media (min-width: 992px) {
  .size1 {
    margin-top: -317px;
  }
}

/*casestudy stage start*/
.case h2 {
  padding-bottom: 100px;
}
.case img {
  margin-top: -30px;
}
@media (min-width: 992px) {
  .case img {
    margin-top: -300px;
    margin-bottom: 307px;
  }
}
@media (min-width: 992px) {
  .case .size {
    margin-top: -348px;
  }
}

/*casestudy stage end*/
.soon {
  margin-top: 225px;
  margin-bottom: 225px;
}
.soon h1 {
  color: #a0a0a0;
  font-size: 1912pxpx;
}

.message textarea {
  height: 100px;
}/*# sourceMappingURL=custom.css.map */