:root {
	--primary: rgba(137, 130, 106, 1);
	--secondary: rgba(251, 169, 37, 1);
	--white: #fff;
	--black: #000;
	--text: rgba(63, 30, 8, 1);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--text);
	background: rgba(245, 241, 233, 1);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
	margin-bottom: 0;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.btn {
	border-radius: 12px;
	width: 260px;
  	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	padding: 18px;
	border: unset;
}

.btn-primary {
	color: var(--white);
	background-color: var(--secondary);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus-visible {
	background-color: var(--secondary) !important;
	border: unset !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-primary:focus-visible {
	color: var(--primary) !important;
	background-color: transparent !important;
	border: 2px solid var(--primary) !important;
}

.section-title {
	font-family: "Cantata One", sans-serif;
	font-size: 48px;
	font-weight: 400;
}
.section-subtitle{
	font-size: 32px;
	font-weight: 700;
	line-height:1.3;
	margin-bottom:16px;
	color: var(--secondary);
}

.container {
	max-width: 100%;
}

strong{
	font-weight: 700;
}

@media (min-width: 1400px) {
	.container {
		max-width: 1304px;
	}
}

@media (max-width: 1400px) {
	.section-title {
		font-size: 36px;
	}
}

@media (max-width: 1200px) {
	.btn{
		width: 240px;
		height: 60px;
		font-size: 20px;
	}
	.section-subtitle{
		font-size: 24px;
	}
}
@media (max-width: 992px) {
	body {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.btn {
		font-size: 18px;
		width: 280px;
		max-width: 100%;
	}
	.section-subtitle{
		font-size: 20px;
	}
}

@media (max-width: 576px) {
	.section-title {
		font-size: 30px;
		text-align: center;
	}
	.section-desc{
		text-align: center;
	}
	.btn{
		width: 220px;
    	height: 54px;
    	padding: 10px;
		margin: 0 auto;
	}
}