h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display SC", serif;
    color: #333;
  }
  
  a, p, li {
    font-family: "Lato", Arial, sans-serif;
    color: #4e4e4e;
    font-size: 1em;
    line-height: 1.75em;
  }
  
  a:hover {
    text-decoration: none !important;
    color: #333 !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  
  .container {
    margin: auto;
    max-width: 662px;
    padding: 0 20px;
  }

  ul.work-list {
    list-style: disc; /* Ensure bullets are displayed */
    margin: 0; /* Remove unnecessary margin */
}

ul.work-list li {
    line-height: 1.6; /* Ensure readable line spacing */
    font-size: 1rem; /* Standard font size for lists */
    word-wrap: break-word; /* Prevent text overflow */
}
  
  /* Mobile Styles */
@media only screen and (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
        font-size: 2.2em !important;
        text-align: center !important;
    }

    a, p, li {
        font-size: 0.9em !important;
    }
  
  ul.work-list li {
      font-size: 0.9rem !important; /* Adjust font size for mobile */
      line-height: 1.5 !important; /* Maintain spacing */
  }

    .container {
        max-width: 100% !important;
        padding: 10px !important;
    }

    .intro img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 60px !important;
        height: 60px !important;
    }

    .intro {
        padding: 50px 0 40px 0 !important;
    }

    .intro h1:before {
        position: absolute !important;
        left: 50% !important;
        top: -100px !important;
        transform: translateX(-50%) !important; /* Centers the element horizontally */
        font-size: 90px !important;
        z-index: -1 !important; /* Keep it behind the content */
    }
    

    .intro h1 span {
        font-size: 35px !important;
    }

    footer {
        text-align: center !important;
        padding: 20px 0 !important;
    }

    .phone-link {
        display: inline-block !important;
        color: blue; /* Change the text color to blue */
      }

    .phone-text {
       display: none !important; /* Hide the non-clickable text on mobile */
    }
    .phone-link:hover {
        color: darkblue; /* Optional: Change the color when the link is hovered */
      }
}

.phone-link {
    display: none;
  }

  
  .typed-cursor {
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -ms-animation: blink 0.7s infinite;
    -o-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
  }
  
  @-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  .main-nav {
    background: #f4f4f4;
    padding-top: 23px;
  }
  
  .main-nav nav ul li a {
    color: #a7a7a7;
  }
  
  .main-nav nav ul li.active a {
    color: #4d4d4d;
  }
  
  .section.second {
    margin-bottom: 90px;
  }
  
  .section .container {
    position: relative;
  }
  
  .section .container:after {
    position: absolute;
    content: url(../img/separator.png);
    left: 20px;
    bottom: -40px;
  }
  
  .section .container h1 {
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
  }
  
  .intro {
    padding: 95px 0px 70px 0px;
    overflow-x: hidden;
  }
  
  .intro img {
    width: 81px;
    height: 81px;
    border-radius: 99px;
  }
  
  .intro .wrap {
    margin: 30px 0px;
  }
  
  .intro h1:before {
    position: absolute;
    left: -220px;
    top: -150px;
    font-size: 200px;
    z-index: -1;
    color: #f4f4f4;
  }
  
  .intro h1 span {
    font-size: 47px;
  }
  
  .work .work-list {
    margin-left: 0px;
  }
  
  .work .work-list li {
    list-style: none;
    font-size: 0.9375em;
    color: #8c8c8c;
  }
  
  .work .work-list li a {
    padding-bottom: 5px;
    font-size: 1.1875em;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #b3b3b3;
  }
  
  .work .work-list li a:hover {
    border-bottom: 1px solid #333;
  }
  
  .award .award-list {
    margin-left: 0px;
  }
  
  .award .award-list li:first-child {
    font-size: 0.9375em;
    color: #8c8c8c;
  }
  
  .skills .skill-list {
    margin-left: 0px;
  }
  
  .skills .skill-list li:first-child {
    font-size: 0.9375em;
    color: #8c8c8c;
  }
  
  .quote {
    background: url(../img/bg.jpg);
    padding: 20px 0px;
    margin-top: 120px;
  }
  
  .quote h1 {
    margin: 100px 0px;
    padding: 40px 20px;
    border: 5px solid #fff;
    color: #fff;
  }
  
  footer {
    padding: 50px 0px 0px 0px;
  }
  
  footer .social li {
    display: inline;
    margin-left: 20px;
  }
  
  footer .social li a {
    font-size: 1.25em;
    color: #999;
  }
  
  p.Objective {
    text-align: center;
    margin: 0 auto;
    max-width: 800px;
    padding: 0 20px;
  }