@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

/*font-family: 'Roboto Condensed', sans-serif;*/

.editorial_section_main {
    position: relative;
}
.editorial_section_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}
.editorial_section_content{
    position: absolute;
    height: 100%;
    top: 0;
    width: 44%;
    padding: 50px 20px 20px 20px;
    background: hsla(0,0%,91.4%,.9);
    left: 6%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.editorial_section_content.editorialRight {
    left: inherit;
    right: 6%;
}
.editorial_section_content h3 {
    font-size: 2.8rem;
    line-height: 3rem;
    font-style: normal;
    font-weight: 700;
    font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
	margin-top: 0;
	text-transform: uppercase;
}
.editorial_section_content h4{
	font-size: 1.8rem;
    line-height: 2.4rem;
	font-style: normal;
    font-weight: 700;
    font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
	margin-top: 0;
}
.editorial_section_content p {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .04rem;
    font-weight: 400;
    font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
    color: inherit;
}
.button--text{
	border-radius: 0;
    min-height: 5rem;
    padding: 16px 0px;
    text-transform: uppercase;
	color: red;
	font-size: 1.6rem;
	letter-spacing: .2rem;
	line-height: 1;
    font-style: italic;
    font-weight: 700;
    font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
	display: inline-block;
}

.motogpSec {
    padding: 3rem 0 5rem;
}
.section__container{
        max-width: 111rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.motogpContent{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.motogpPic{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.motogpContent h3{
    font-size: 2.8rem;
    line-height: 3.2rem;
    font-weight: 700;
    font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
}
.motogpContent p{
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .04rem;
    font-weight: 400;
    font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
    color: inherit;
}



.discover-modelSec{
    padding: 3rem 0;
}
.discover-modelSec h2{
    font-size: 3.2rem;
    line-height: 3.6rem;
	margin-bottom: 32px;
    font-style: normal;
    font-weight: 700;
    font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
    text-align: center;
}
.discover-modelList ul{
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.discover-modelList ul li{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(30% - 3rem);
    margin: 1.5rem;
}
.discover-modelNumber{
    text-transform: uppercase;
    font-weight: 400;
    background-color: red;
    color: #fff;
    padding: 0.5rem;
    display: inline-block;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 3;
    position: absolute;
    margin: 0 0.6rem 0;
}

@media (max-width:1366px){
	.editorial_section_content{
		width: 50%;
		left: 3%;
		padding: 15px 15px 15px 15px;
	}
	.editorial_section_content.editorialRight {
    right: 3%;}
	
}

@media (max-width: 1280px){
.editorial_section_content h4 {
    	font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.editorial_section_content h3 {
    	font-size: 2.3rem;
		line-height: 2.5rem;
	}
	.motogpContent h3 {
    	font-size: 2.4rem;
		line-height: 2.6rem;
	}
	.button--text {
    min-height: 3rem;
    padding: 6px 0px;
	}
	.bs-title .title {
    	font-size: 45px !important;
	}
	.editorial_section_content p {
		font-size: 1.4rem;
		line-height: 1.4;
		letter-spacing: 0rem;
	}
}

@media (max-width: 1024px){
.editorial_section_content {
	/*position: relative;*/
	left: 0;
    bottom: 0;
    height: auto;
    top: inherit;
    width: 100%;
}
	.editorial_section_content.editorialRight {
    right: 0%;
}
	.motogpContent {
		margin-left: 1rem;
		margin-right: 1rem;
		margin-bottom: 15px;
	}
	.discover-modelList ul li {
		width: 33%;
		margin: 0rem;
		padding: 15px;
	}
	.bs-title .title {
    	font-size: 40px !important;
	}
}
@media (max-width: 767px){
    .discover-modelList ul li {
        width: 100%;
        margin: 0rem;
        padding: 15px;
    }
	.motogpContent h3 {
    font-size: 2rem;
    line-height: 2.2rem;
}
.motogpSec {
    padding: 2rem 0 3rem;
}
	.discover-modelList ul li {
		padding: 10px;
	}
	.discover-modelSec h2 {
		margin: 0 0 10px;
	}
	.accolades-box .accolades-title {
    	font-size: 30px !important;
	}
	
	.bs-title .title {
    	font-size: 30px !important;
	}
	.bs-title .description {
		font-size: 16px !important;
	}
	.accolades-box p {
    	font-size: 16px !important;
	}
	.discover-modelNumber {
    padding: 0.2rem 0.3rem;
    margin: 0 0rem 0;
    font-size: 14px;}
	
}
@media (max-width: 575px){
	.discover-modelList ul li {
		padding: 5px;
	}
	.discover-modelSec h2 {
		font-size: 3rem;
		line-height: 3.2rem;
		margin: 0 0 5px;
	}
	.bs-title .title {
    	font-size: 28px !important;
	}
	.bs-title .description {
		font-size: 15px !important;
	}
	.accolades-box p {
    	font-size: 14px !important;
    	margin: 15px 0 !important;
	}

}
@media (max-width: 480px){
.editorial_section_content h3 {
    font-size: 1.8rem;
    line-height: 2rem;
}
.editorial_section_content p {
    font-size: 1.3rem;
    line-height: 1.5;
	letter-spacing: .0rem;
	}
.editorial_section_content h4 {
    font-size: 1.3rem;
    line-height: 1.6rem;
}
	.motogpContent h3 {
    font-size: 1.8rem;
    line-height: 2rem;
}
.motogpSec {
    padding: 1rem 0 2rem;
}
.motogpContent p {
    font-size: 1.3rem;
    line-height: 1.5;
	letter-spacing: 0rem;
	}
	.discover-modelSec h2 {
    	font-size: 2.5rem;
		line-height: 2.9rem;
	}
	.bs-title .title {
    	font-size: 24px !important;
	}
	.bs-title .description {
		font-size: 14px !important;
		margin-bottom:15px !important;
	}
	.discover-modelNumber {
    padding: 0.1rem 0.3rem;
    font-size: 11px;
}
}