@font-face {
    font-family: 'Heebo-Bold';
    src: url('../fonts/Heebo-Bold.woff2') format('woff2'),
    url('../fonts/Heebo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant-Light';
    src: url('../fonts/Cormorant-Light.woff2') format('woff2'),
    url('../fonts/Cormorant-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant-Regular';
    src: url('../fonts/Cormorant-Regular.woff2') format('woff2'),
    url('../fonts/Cormorant-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant-Bold';
    src: url('../fonts/Cormorant-Bold.woff2') format('woff2'),
    url('../fonts/Cormorant-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo-Regular';
    src: url('../fonts/Heebo-Regular.woff2') format('woff2'),
    url('../fonts/Heebo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
    url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heebo-Light';
    src: url('../fonts/Heebo-Light.woff2') format('woff2'),
    url('../fonts/Heebo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

h1{
	line-height: 62px;
	font-size: 60px;
	font-family: 'Heebo-Bold';
	color: #000000;
}

h2{
	font-size: 60px;
	font-family: 'Cormorant-Bold';
	color: #000000;
}

h3{
	font-size: 36px;
	font-family: 'Heebo-Bold';
	color: #E75C25;
	line-height: 23px;
}

h4{
	font-size: 32px;
	font-family: 'Cormorant-Bold';
	color: #000000;
	line-height: 39px;
}

h5{
	font-size: 24px;
	line-height: 28px;
	color: #000000;
    font-family: 'Cormorant-Bold';
}

h6{
    font-family: 'Roboto-Regular';
	font-size: 18px;
	color: #333740;
	line-height: 24px;
}

p{
	font-size: 16px;
	color: #333740;
	line-height: 24px;
	font-family: 'Roboto-Regular';
}

small{
	color: #7D7F85;
	font-family: 'Roboto-Regular';
	line-height: 24px;
	font-size: 14px;
}

span a{
	background-color: #F2F2F2;
	border-radius: 80px;
	color: #E75C25;
	line-height: 14px;
	font-size: 12px;
	font-family: 'Roboto-Regular';
	padding: 5.5px 23px;
}

li a{
	font-family: 'Roboto-Regular';
	font-size: 16px;
	line-height: 19px;
	color: #333740;
}

footer li a{
	line-height: 20px;
	font-size: 20px;
	font-family: 'Roboto-Bold';
	color: white;
	letter-spacing: 1px;
}

a{
	color: #000000;
}

button {
    background-color: #E75C25;
    border: none;
    width: fit-content;
    height: auto;
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Cormorant-Bold';
    line-height: 20px;
    padding: 17px 32px;
}

section	{
	width: 100%;
	float: left;
}

strong {
    font-weight: initial;
}

.container {
    width: 1300px;
}