body {
	background: seashell;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.logo {
	width:30px;
	height: 30px;
	background:yellow;
	box-shadow: 0 0 10px black;
}
.top_bar, footer {
	margin: 0 auto;
	width: 50vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.freeconsult {
	background: black;
	border-radius:25px;
	width: 20ch;
	text-align: center;
	padding: 1em;
}
.freeconsult a {
	color: white;
	text-decoration: none;
}
header {
	width: 50vw;
	margin: 4em auto;
	text-align: center;
}
.siteslug {
	text-align: center;
	width: 70ch;
	margin: 0 auto;
}
.blockmenu {
	width: 75vw;
	margin: 4em auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16.4ch, 1fr));
	grid-auto-rows: minmax(16.4ch, 1fr);
	padding:0;
	gap: 10px;
	list-style: none;
	padding: 0;
}
.blockmenu a  {
	display: flex;
	border-radius: 25px;
	justify-content: left;
	align-items: flex-end;
	padding: 1em;
	text-decoration: none;
	color: lightgray;
	text-transform:uppercase;
	font-weight: bold;
}
.blockmenu a:hover {
	opacity: 50%;
}
.menublock1 {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
	background-color: blue;
	border-radius: 25px;
}
.menublock2 {
	grid-column: 3 / 4;
	grid-row-start: 1 / 2;
	background-color: yellow;
}
.menublock3 {
	grid-column: 4 / 5;
	grid-row: 1 / 2;
	background-color: magenta;
}
.menublock4 {
	grid-column: 5 / 7;
	grid-row-start: 1 /2;
	background-color: cyan;
}
.menublock5 {
	grid-column: 3 / 5;
	grid-row: 2 / 3;
	background-color: green;
}
.menublock6 {
	grid-column: 5 / 7;
	grid-row: 2 / 3;
	background-color: red;
}
.intro {
	width: 50vw;
	margin: 4em auto;
	display:grid;
	grid-template-columns: 1fr 2fr;
	gap: 4em;
}
.intro .freeconsult, .booking .freeconsult {
	background: orange;
}
.intro img {
	border-radius: 50%;
	width: 400px;
	height: 400px;
	object-fit:cover;
	object-position:60% 30%;
}
.work {
	margin: 4em 0;
	text-align: center;
	height: 640px;
	padding-bottom: 2en;
}
.work .carousel-cell{
margin-right: 10px;

}

.booking {
	gap: 1em;
	width: 50vw;
	padding: 1em;
	margin: 4em auto;
	display: grid;
	grid-auto-columns: 2fr 1fr;
	background: black;
	border-radius: 25px;
	color: white;
	text-align: center;
	align-items: center;
	justify-items: center;
}


@media screen and (max-width:800px) {
	.top_bar, footer {
		width: auto;
	
	}
	.blockmenu {
	grid-template-columns:1fr;
	grid-auto-rows: 50px;
	}
	.menublock1, .menublock2, .menublock3, .menublock4, .menublock5, .menublock6 {
		grid-column: auto;
		grid-row:auto;
	}
	.siteslug {
		width: auto;
	}
	.intro {
		width: 90vw;
		grid-template-columns: auto;
		place-items: center;
	}
	.intro img {
		width: 200px;
		height: 200px;
	}
	.booking {
		width: auto;
		grid-template-columns: 1fr;
	}
}