/* Reset default margin and padding */
body, h1, h2, p {
	max-width: 574px;
	margin: 0 auto; /* Automatically centers the content horizontally */
	font-family: Lato, sans-serif;
	color: #777;
	background: #F5F4F6;
	-webkit-font-smoothing: subpixel-antialiased;
}

p {
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 16px;
	line-height: 1.4;
}

span {
	font-weight: 400;
	font-size: 18px;
}

#about-photos {
	text-align: center;
}

/* Style the link text */
a {
	color: #00D0E4; /* Change link text color to #00D0E4 */
	text-decoration: underline; /* Add underline to link text */
}

a strong {
	color: #00D0E4; /* Change link text color to #00D0E4 */
	text-decoration: underline; /* Add underline to link text */
}

/* Enable smooth scroll behavior */
html {
	scroll-behavior: smooth;
	padding: 0 16px;
}

/* Style the header */
header {
	height: 100%;
	display: flex;
	margin: 80px 0;
	text-align: left;
	flex-direction: column; /* Stack flex items vertically */
	justify-content: center; /* Center items vertically */
	align-items: center; /* Center items horizontally */

	/* background-color: red; */
}

@media (width <= 574px) {
	header {
		text-align: center;
	}
}


header img {
	display: block; /* Make the image a block element for centering */
	margin: 0 auto; /* Horizontally center the image */
	padding-bottom: 24px;
}

/* Style the paragraph text in the header */
header p {
	width: 100%; /* Make the paragraph full width */
	font-size: 24px;
}

/* Style footer */
footer p {
	text-align: center;
	font-size: 12px;
	color: rgba(119, 119, 119, 50%);
}

/* Style sections */
section {
	padding-bottom: 72px;
}

/* Style the divider line images and headings */
h2 {
	text-align: center; /* Center-align the title text */
	display: block;
	align-items: center;
	justify-content: center; /* Horizontally center-align within the section */
	text-transform: uppercase; /* Convert the text to all caps */
	font-size: 12px; /* Set the font size to 12 points */
	margin-bottom: 24px; /* Add spacing above the header */
	font-weight: 800;
}

h2::before,
h2::after {
	content: "";
	display: inline-block;
	width: 44px;
	height: 1px;
	background-color: rgba(96, 96, 96, 25%);
	vertical-align: middle;
	margin: 0 10px;
}



h1, strong, b, .icon-list a {
	font-weight: bold; /* You can adjust the weight as needed */
	color: #686868;
}

/* Style the icon list */
.icon-list {
	list-style-type: none;
	padding-left: 0;
}

.icon-list li {
	overflow: hidden; /* Clear the floated content */
	display: inline-flex; /* Vertically center the text */
	align-items: center;
	padding-bottom: 16px;
	max-width: 500px;
}

.icon-list img {
	width: 76px; /* Adjust the image width as needed */
	height: auto;
	margin-right: 12px;
	float: left;
}