/* Header Styles */
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2% 6%;
    background-color: white;
    color: #ecf0f1;
    box-shadow: 0px 0px 25px 0px #000000;
    /* position: sticky; */
    top: 0;
    margin: 0 auto;
}
  
.main_logo {
    width: 4em; 
    cursor: pointer;
}

.mobile_header {
    display: none;
}

header img {
    transition: transform 0.6s ease-in-out;
}

header img:hover {
    transform: scale(1.1);
}

header p {
  font-family: 'Interstate', sans-serif;
  font-size: 1.2rem;
  color: #333;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}

header p:hover {
    color: #19A89D;
}

@media only screen and (max-width: 600px) {
    header p{
        display: none;
    }

    .main_logo {
        max-width: 13%; 
        cursor: pointer;
    }

    .mobile_header{
        display: block !important;
    }
    nav{
        gap: 1em;
    }
}