@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Raleway:wght@400;500;700&display=swap");
* {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  color: #292929; }

html {
  scroll-behavior: smooth; }

h1 {
  font-family: 'Playfair Display', serif; }

p {
  line-height: 2; }
  @media (max-width: 767px) {
    p {
      font-size: 0.8125em; } }

a {
  color: #F26444; }
  a:hover {
    color: #ad2a0a; }
  @media (max-width: 767px) {
    a {
      font-size: 0.8125em; } }

img {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.disabled {
  color: #C4C4C4 !important; }

header nav {
  background-color: #FEFCFB; }
  @media screen and (max-width: 991px) {
    header nav .nav-item {
      text-align: center; } }
  header nav .nav-link {
    color: inherit;
    text-transform: uppercase;
    font-weight: 600; }
    header nav .nav-link:hover {
      color: #ad2a0a; }
  header nav .active {
    color: #F26444 !important; }
header .nav-background {
  border-bottom: 1px solid #eeded0; }

footer {
  font-size: 12px;
  background-color: #FEFCFB; }
  footer a i {
    font-size: 1.2rem;
    color: #F26444; }
    footer a i:hover {
      color: #ad2a0a; }
    @media (min-width: 576px) {
      footer a i {
        font-size: 1.4rem; } }
    @media (min-width: 768px) {
      footer a i {
        font-size: 1.6rem; } }
    @media (min-width: 992px) {
      footer a i {
        font-size: 1.8rem; } }
    @media (min-width: 1200px) {
      footer a i {
        font-size: 2rem; } }
  footer p {
    margin: 0; }

#page-header {
  background-color: #FEFCFB;
  padding: 8.5rem 0  6.5rem 0; }
  #page-header h1 {
    font-size: 1.6rem; }
    #page-header h1 #smaller-heading {
      display: block;
      font-size: 70%;
      font-family: inherit; }
    @media (min-width: 576px) {
      #page-header h1 {
        font-size: 2rem; } }
    @media (min-width: 768px) {
      #page-header h1 {
        font-size: 2.4rem; } }
    @media (min-width: 992px) {
      #page-header h1 {
        font-size: 2.7rem; } }
    @media (min-width: 1200px) {
      #page-header h1 {
        font-size: 3rem; } }
  @media (min-width: 576px) {
    #page-header {
      padding: 8.5rem 0 6.5rem 0; } }
  @media (min-width: 768px) {
    #page-header {
      padding: 10.5rem 0 8.5rem 0; } }
  @media (min-width: 992px) {
    #page-header {
      padding: 12.5rem 0 10.5rem 0; } }
  @media (min-width: 1200px) {
    #page-header {
      padding: 14.5rem 0 12.5rem 0; } }

h2 {
  font-size: .9rem; }
  @media (min-width: 576px) {
    h2 {
      font-size: 1rem; } }
  @media (min-width: 768px) {
    h2 {
      font-size: 1.1rem; } }
  @media (min-width: 992px) {
    h2 {
      font-size: 1.2rem; } }
  @media (min-width: 1200px) {
    h2 {
      font-size: 1.3rem; } }

#featured-projects, #other-projects {
  background-color: #FEFCFB; }

@media (max-width: 767px) {
  .mobile-padding {
    padding-top: 1.5rem !important; } }

.card {
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s; }
  .card:hover {
    box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.1);
    transform: scale(1.03125); }

.disabled-card:hover {
  transform: none;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1); }

.card-img-top {
  width: 100%;
  height: 65vw;
  object-fit: cover; }
  @media (min-width: 576px) {
    .card-img-top {
      height: 50vw; } }
  @media (min-width: 768px) {
    .card-img-top {
      height: 45vw; } }
  @media (min-width: 992px) {
    .card-img-top {
      height: 35vw; } }
  @media (min-width: 1200px) {
    .card-img-top {
      height: 25vw; } }

.project-tag {
  border: .5px solid #e6e6e6;
  border-radius: 3px;
  color: #757575; }