.logo {
	border: 0px solid red;
	width: 10%;
	display: flex;
	justify-content: center;
}

.logo img {
	width: 30%;
}

.action-button {
	display: flex;    
	justify-content: center; 
	align-items: center;    
	width: 100% /* makes the <a> behave like a button */
  	background-color: #ffffff;      /* orange background */
  	color: #000000;                   /* white text */
  	padding: 0.75rem 1rem;             /* space inside */
  	text-decoration: none;  
  	border: 1px solid #000000;        /* remove underline */
  	border-radius: 10px;             /* rounded corners */
  	transition: background-color 0.3s ease;
	
}

.action-button:hover {
	background-color: #000000;
	color: #ccc;
}

.navigation-bar {
	border: 0px solid blue;
	width: 30%;
	display: block;
}

.navigation-bar ul {
	list-style: none;
	display: flex;
	gap: 1rem;
	padding: 0;
	margin: 0;
}

.navigation-bar li {
	flex: 1;
}

.navigation-menu {
	display: none;
}

.socials {
	border: 0px solid red;
	width: 10%;
	display: flex;
	justify-content: space-between;
}

.socials img {
	width: 30%;
}

.socials ul {
	list-style: none;
	display: flex;
	gap: 1rem;
	padding: 0;
	margin: 0;
}

.shopping {
	border: 0px solid green;
	width: 20%;
	display: flex;
	justify-content: center;
}

.divider {
	border: 0%;
	height: 1%;
	background-color: #000000;
	margin-top: 1%;
}

.content-block {
	display: flex;
	justify-content: space-between;
}

.section-block {
	border: 0px solid blue;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.image-block {
	border: 0px solid red;
	width: 50%;
	display: flex;
	justify-content: center;
}

.image-block img {
	width: 75%;
}

.image-surround {
	border: 1px solid #ccc;
	border-radius: 10px;
  	padding: 1.50rem 2rem;
}

.video-wrap { 
	max-width: 40%; 
	margin: 1rem auto; 
}

.video-wrap video { 
	border: 1px solid #000000;
	width: 100%; 
	height: auto; 
	display: block; 
	border-radius: 12px; 
}

.image-spread {
	border: 0px solid green;
	max-width: 90%;
	display: flex;
	flex-direction: row;
	justify-content: center;	
	gap: 1rem; 
}

.image-spread img {
	width: 23%;
	border: 1px solid #000000;
	border-radius: 10px;
	padding: 1%;
}

.image-spread-catalog {
	border: 0px solid green;
	max-width: 90%;
	display: flex;
	flex-direction: row;
	justify-content: center;	
	gap: 5rem; 
	margin-top: 3%;
}

.image-spread-catalog img {
	width: 100%;
	border: 1px solid #000000;
	border-radius: 10px;
	padding: 1%;
	/*background: black;*/
}

.caption-block {
	border: 0px solid green;
	width: 50%;
	display: flex;
	justify-content: center;
	font-size: 200%;
	color: #000000;
	align-items: center;
}

.caption-block p {
	border 0px solid black;
	display: block;
}

.bio-block {
	border: 0px solid black;
	max-width: 90%;
	font-size: 100%;
}

.review-block {
	border: 1px solid black;
	border-radius: 5%;
	max-width: 90%;
	font-size: 100%;
	padding: 2%;
}

.page-heading-block {
	border: 0px solid red;
	max-width: 50%;
	justify-content: center;
	align-items: center;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	margin-top: 3%;
	font-size: 200%;
}