/* FONTS INCLUSION */
@font-face {
	font-family: Gotham;
	font-display: swap;
	src: url("https://d3nv2arudvw7ln.cloudfront.net/staticfolder/Tyre/websites/assets/fonts/woff/GothamW05-Book.woff2") format("woff2"),
		url("https://d3nv2arudvw7ln.cloudfront.net/staticfolder/Tyre/websites/assets/fonts/woff/GothamW05-Book.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	font-display: swap;
	src: url("https://d3nv2arudvw7ln.cloudfront.net/staticfolder/Tyre/websites/assets/fonts/woff/GothamW05-Light.woff2") format("woff2"),
		url("https://d3nv2arudvw7ln.cloudfront.net/staticfolder/Tyre/websites/assets/fonts/woff/GothamW05-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: Gotham;
	font-display: swap;
	src: url("https://d3nv2arudvw7ln.cloudfront.net/staticfolder/Tyre/websites/assets/fonts/woff/GothamW05-Bold.woff2") format("woff2"),
		url("https://d3nv2arudvw7ln.cloudfront.net/staticfolder/Tyre/websites/assets/fonts/woff/GothamW05-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
/* STYLINGS */
body, html {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Gotham,Gotham A,Gotham B,Arial,sans-serif;
}
a {
    text-decoration: none;
}
header {
    background-color: #242424;
    border-bottom: solid 1px white;
}
header .header_wrapper {
    background-color: #242424;
    padding: 20px 0px;
}
header .inner_header {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}
header .header_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px rgb(112, 112, 112);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
header .logo_and_link {
    display: flex;
    gap: 20px;
    align-items: center;
}
header .logo_and_link img {
    width: 150px;
    object-fit: cover;
}
header a {
    color: white;
    font-size: 18px;
}
header .logo_and_link a:nth-child(1) {
    padding-right: 10px;
    margin-right: 10px;
    border-right: solid 1px rgb(112, 112, 112);
}
.menu_container {
    display: flex;
    justify-content: flex-end;
}
.menu_container ul {
    list-style: none;
}
.menu_container ul li {
    display: inline;
    padding: 0px 10px;
    border-right: solid 1px rgb(112, 112, 112);
}
.menu_container ul li:last-child {
    padding: 0px 10px;
    border: 0;
}
.menu_container ul {
    margin: 0  ;
}
.menu_container ul > li > a {
    font-size: 14px;
}
main {
    padding: 80px 0px;
}
main > .wrapper {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}
.row_1, .row_2 {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
	margin-top: 20px;
}
.single_wrapper.one {
    flex: 1;
}
.single_wrapper.two {
    flex: 1;
}
.single_wrapper.three {
    flex: 1;
}
.single_wrapper.four {
    flex: 1;
}
.single_wrapper.five {
    flex: 1;
}
.single_wrapper {
    color: white;
    padding: 20px 30px;
    height: 500px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.single_wrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 50%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.single_wrapper a {
    color: white;
}
.single_wrapper.one {
    background-image: url("img_1.jpg");
}
.single_wrapper.two {
    background-image: url("img_2.jpg");
}
.single_wrapper.three {
    background-image: url("img_4.jpg");
    background-size: auto;
}
.single_wrapper.four {
    background-image: url("img_3.jpg");
}
.single_wrapper.five {
    background-image: url("img_5.jpg");
}
.single_wrapper.one .single_content {
    max-width: 70%;
}
.single_content, .single_button {
    z-index: 1;
    width: 100%;
}
.single_content h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
}
.single_content p, .single_button span {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    margin-top: -30px;
}
.single_button span {
    float: right;
}
footer {
    background-color: #242424;
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer a {
    color: white;
    text-transform: uppercase;
}
footer .menu_container ul {
    padding: 0;
}

video {
  	max-width: 1280px;
 	 width: 100%    !important;
  	height: auto   !important;
}

@media screen and (max-width: 990px) {
    .logo_and_link {
        padding-left: 30px;
    }
    .email_icon {
        padding-right: 30px;
    }
    .menu_container {
        padding: 0px 30px;
    }
    main {
        padding: 30px;
    }
    main > .wrapper {
        width: 100%;
    }
    .single_wrapper {
        flex: 1!important;
    }
    .single_wrapper.one .single_content {
        max-width: 100%;
    }
    
	 .single_wrapper.five .single_content {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    header .logo_and_link img {
        width: 120px;
    }
    header a {
        font-size: 16px;
        line-height: 24px;
    }
    header .menu_container {
        display: none;
    }
    .logo_and_link {
        padding-left: 10px;
    }
    .email_icon {
        padding-right: 10px;
    }
    main {
        padding: 20px;
    }
    .single_wrapper {
        height: 350px;
    }
    .single_content h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .single_content p, .single_button span {
        font-size: 16px;
        line-height: 24px;
    }
    .single_content p {
        margin-top: -10px;
    }
}