:root {
   --font: 'Arial', sans-serif;
   --line-custom: #5f5f5f;
   --line-focus: orange;
   --line-success: green;
   --line-error: red;
   --line-warning: blue;
   --p: 15px;

}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


h1 {
	font-family: "Montserrat", sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 22px;
}

.header {
   background-color: #efeeea;
   padding: 10px;
   text-align: center;
}
.header.stick {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	box-shadow: 0px 5px 15px rgb(0 0 0 / 25%);
}

.container {
   width: min(90%, 1280px  );
   margin-left: auto;
   margin-right: auto;

}

.image {
   width: 100%;
   background-color: #5f5f5f;
	position: relative;
   max-width: 1280px;
    margin-left: auto;
    margin-right: auto;

   img {
      width: 100%;
   }
}

.phone-block {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;

}

.phone-block a {
	padding: 10px 15px;
	background: #b4a054;
	border-radius: 20px;
	font-family: "Montserrat", sans-serif;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-size: 16px;

		@media (width < 768px) {
			font-size: 14px;
		}

		@media (width < 600px) {
			font-size: 12px;
		}

	}