p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
}

body, p, span, li, blockquote {
    font-size: 17px;
    line-height: 1.7;
}

/* no space below logo */
#menu_wrapper .nav ul,
#menu_wrapper div .nav {
	line-height: 1;
}

/* above logo space */
.logo_wrapper img {
	padding-top: 5px;
}

#pacific_portfolio_filter_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}
 
/* portfolio gallery grid */
.element {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.6s ease-in-out forwards;
    animation-delay: calc(var(--animation-order, 1) * 100ms);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* Mobile responsive coding */

@media screen and (max-width: 768px) {
	.logo_wrapper img {
		width: 140px;
		/* Or whatever smaller size you want */
		height: auto;
		/* Keeps the aspect ratio */
		padding-top: 5px;
		margin: -50px 0px;
	}

	#mobile_nav_icon {
		margin-top: 20px;
	}

	#copyright {
		text-align: center;
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	.map-container iframe {
		width: 350px;
		height: 350px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

}