/* Reset margin & padding, added default font and colour */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #335576;
}

/* Standardize paragraph font size  */
p {
    font-size: .9375rem;
}

/* Make navigation bar (header) fixed */
.header {
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
}

/* Arrange header elememts  */
.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: auto;
    padding: 1.25rem 6.25rem; /* Adjust space between header elements */ 
}

.header__logo {
    text-decoration: none;
}

/* Arrange nav links horizontally */
.nav__list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    gap: 1.25rem;
}

/* Customize nav links */
.nav__link {
    text-decoration: none;
    color: #000000;
}

/* Add orange line under active link */
.nav__link--active {
    border-bottom: .1875rem solid #DB7A4E; /* Use border-bottom to simulate underline */
    padding-bottom: .5rem; /* Increase padding-bottom to push the underline down */
}

/* Card container - adjust spacing */
.card__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 7.5rem;
    
}

/* Card tile dimensions is there a way to auto adjust sizing backed on image */
.card {
    width: 16rem;
    height: 23.9rem;
    border-radius: .3125rem; /* Rounded corners with a radius of 5px */
}

/* Change footer background colour */
.footer {
    background-color: #FEFAF5;
    width: 100%;
}

/* Rearrange Contact, Hours, and Social blocks horizonally */
.footer__container {
    display: flex;
    justify-content: space-between;
    padding: 3.75rem 13rem;
}

/* Orange subtitles */
.footer__subtitle {
    color: #DB7A4E;
    padding: 1.25rem 0rem .625rem 0rem;
    text-transform: uppercase;
    font-size: 0.6em;
}

/* Arrange  hours horizonally */
.footer__hours {
    display: flex;
    justify-content: space-between;
    gap: 2.5rem;
    
}

/* Arrange social logos horizontally */
.footer__social {
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem;
    gap: 2.1rem;
}

/* Adjust social logo size - width adjusts automatically */
.footer__social-logo {
    height: 1.5625rem;

}