@font-face{ 
	font-family: 'Bebas'; 
	src: url('font/Bebas/BEBASNEUE.OTF');
	font-display: swap;
}
		.banner div{
            padding: 0;
        }
        body img{
            width: 100%;
        }
        .brand-text p{
            margin: 0;
            text-indent: 2em;
        }
        .brand-video video{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }
        .brand-sponsorship img{
            width: 13.94rem;
        }
        .brand-sponsorship-text{
            padding: 1.47rem 0 2.44rem 0;
        }
        .brand-sponsorship-text h6{
        	margin: 0;
        	font-size: 1.25rem;
            padding-bottom: 1.25rem
        }
        .brand-sport h5{
            padding-top: 1.25rem;
            margin: 0;
            margin-bottom: 10px;
            font-size: 1.25rem;
            text-align: center;
        }
        .brand-logo{
            background: #212529;
        }
        .brand-logo .col-auto{
            width: 25vw;
            height: 25vw;
            line-height: 25vw;
            text-align: center;
        }
        .brand-logo .col-auto img{
            width: auto;
        }
        @media screen and (min-width: 320px) {
            .screen-padding-xl{
                padding: 15px 0;
            }
            .brand-text{
                padding: 10px 0;
            }
            .brand-about-text h2{
                font-size: 1.25rem;
            }
            .brand-text p,
            .brand-about-text p{
                font-size: .875rem;
                text-align: left;
                text-indent: 0;
            }
            .brand-about-text p{
                margin-top: 10px;
            }
            .brand-introduce{
                padding: 60px 0
            }
            .brand-introduce .col-md-6>.row{ margin: 0; }
            .brand-introduce>.col-xs-12,
            .brand-introduce .col-md-6>.col-xs-12,
            .brand-introduce .col-xs-6{
                padding: 0;
            }
            .brand-introduce .brand-introduce-text{
                height: 50vw;
                line-height: 50vw;
                padding: 0 10px;
            }
            .brand-introduce-text h2{
            	margin: 0;
                font-size: 1.38rem;
            }
            .brand-introduce-text h2,
            .brand-introduce-text p{
                text-align: left;
                word-break: break-word;
            }
            .brand-introduce-text p{
                padding-top: 0;
                margin: 0;
                font-size: .875rem;
            }
            .brand-video{
                position: relative;
                width: 100%;
                height: 53.33vw;
            }
            .brand-new h2{
	        	font-size: 5.56vw;
	        	line-height: 1; 
	        	text-align: center;
	        	color: #000;
	        }
	        .brand-new h3{
	        	font-size: 4.44vw;
	        	line-height: 1;
	        	font-family: 'Bebas'; 
	        }
	        .history-header h2{
	        	margin-top: 5.56vw;
	        	margin-bottom: 4.44vw;
	        }
	        .history-text p{
	        	margin: 0;
	        	margin-bottom: 4.86vw;
	        	font-size: .875rem;
	        }
	        .history-text p:first-child{
	        	margin-top: 2.94vw;
	        }
	        .brand-devoted{
	        	background: #24242c;
	        }
	        .devoted-header h2 {
			  	margin-top: 4.167vw;
			  	margin-bottom: 2.78vw;
			  	color: #fff;
			}
			.devoted-introduce,
			.future-introduce{
				background: #24242c;
			}
			.devoted-text,
			.future-text{
				padding-top: 10vw;
				padding-bottom: 5.56vw;
				color: #fff;
			}
			.devoted-text-item h3 {
			  	margin: 0;
			  	margin-bottom: 2.78vw;
			  	text-decoration: underline;
			}
			.devoted-text-item p {
			  	margin-bottom: 4.67vw;
			  	font-size: .875rem;
			}
			.devoted-text-item p.strong{
				margin: 0;
			}
			.brand-striving {
			  	background: #18181a;
			  	color: #fff;
			}
			.striving-header h2 {
			  	margin-top: 5.64vw;
			  	margin-bottom: 4.144vw;
			  	color: #fff;
			}
			.striving-banner p {
			  	margin-top: 3.056vw;
			  	margin-bottom: 2.886vw;
			  	font-size: .875rem;
			}
			.striving-list {
			  	padding-top: 2.7vw;
			  	padding-bottom: 2.33vw;
			}
			.striving-item .striving-item-text {
			  	padding-top: 5vw;
			  	padding-bottom: 3.97vw;
			}
			.striving-item .striving-item-text p {
			  	margin: 0;
			  	font-size: .875rem;
			}
			.future-img{
				padding: 0;
			}
			.future-text{
				padding-top: 0;
			}
			.future-text h2 {
			  	margin-top: 5.56vw;
			  	margin-bottom: 4.2vw;
			  	color: #fff;
			}
			.future-text p {
			  	margin-bottom: 4.167vw;
			  	font-size: .875rem;
			}
        }
        @media screen and (min-width: 992px) {
            .screen-padding-xl {
                padding: calc(45px + 2vw) 0;
            }
            .brand-text{
                padding: 0;
            }
            .brand-text p,
            .brand-about-text p{
                font-size: 1rem;
                text-indent: 0;
            }
            .brand-about-text h2{
                font-size: calc(30px + 18 * ((100vw - 320px) / 2080));
            }
            .brand-about-text p{
                font-size: calc(16px + 4 * ((100vw - 320px) / 2080));
            	margin-top: 2.6rem;
                text-align: center;
            }
            .brand-introduce{
                padding: calc(45px + 2vw) 0;
            }
            .brand-introduce .brand-introduce-text{
                height: calc(25vw - 5px);
                line-height: calc(25vw - 5px);
                padding: 0 40px;
            }
            .brand-introduce-text p{
                padding-top: 2em;
            }
            .brand-introduce-text h2,
            .brand-introduce-text p{
                text-align: center;
                word-break: break-word;
            }
            .brand-sponsorship .col-md-4:first-child{
                padding-left: 0;
                padding-right: 30px;
            }
            .brand-sponsorship .col-md-4:last-child{
                padding-right: 0;
                padding-left: 30px;
            }
            .brand-sponsorship img{
                width: 100%;
            }
            .brand-sponsorship-text{
                padding: 55px 0 92px 0;
            }
            .brand-sponsorship-text h6{
            	font-size: 26.67px;
                padding-bottom: 20px;
            }
            .brand-sport{
                height: calc(967px - 10vw);
                line-height: calc(967px - 10vw);
            }
            .brand-sport h5{
                font-size: 30px;
                padding-bottom: 27px;
            }
            .brand-video{
                position: relative;
                width: 100%;
                height: 28.04rem;
            }
            .brand-logo .col-auto{
                width: 14.28%;
                height: 7vw;
                line-height: 7vw;
                text-align: center;
            }
            .brand-new h2{
	        	font-size: 2.5vw;
	        }
	        .brand-new h3{
	        	font-size: 2.0833vw;
	        }
	        .brand-new .text {
			  	line-height: 1.5;
			}
	        .history-header h2{
	        	margin-top: 5.052vw;
	        	margin-bottom: 2.03125vw;
	        }
	        .history-text p{
	        	margin: 0;
	        	font-size: 1rem;
	        }
	        .history-text p:first-child{
	        	margin-top: 13px;
	        	margin-bottom: 30px;
	        }
	        .brand-devoted {
			  background: #fff;
			}
	        .devoted-header h2 {
			  	margin-top: 4.21875vw;
			  	margin-bottom: 2.083vw;
			  	color: #000;
			}
			.devoted-introduce,
			.future-introduce{
				background: #24242c;
			}
			.devoted-img,
			.future-img{
				padding: 0;
			}
			.devoted-text,
			.future-text{
				padding:  4.167vw 0;
				padding-left: 3.64583vw;
				color: #fff;
			}
			.devoted-text-item h3 {
			  	margin: 0;
			  	margin-bottom: 1.042vw;
			  	text-decoration: underline;
			}
			.devoted-text-item p {
			  	margin-bottom: 1.77vw;
			  	font-size: 1rem;
			}
			.devoted-text-item p.strong{
				margin: 0;
				font-size: 1rem;
			}
			.brand-striving {
			  	background: #18181a;
			  	color: #fff;
			}
			.striving-header h2 {
			  	margin-top: 4.11vw;
			  	margin-bottom: 2.083vw;
			}
			.striving-banner>.col-xs-12{
				padding: 0;
			}
			.striving-banner p {
			  	margin-top: 2.083vw;
			  	margin-bottom: 3.02vw;
			  	padding: 0 1.042vw;
			  	font-size: 1rem;
			}
			.striving-list {
			  	padding-top: 1.82vw;
			  	padding-bottom: 2.6vw;
			}
			.striving-item .striving-item-text {
			  	padding-left: 3.8vw;
			  	padding-top: 1.5625vw;
			  	padding-right: 1.042vw;
			}
			.striving-item .striving-item-text p {
			  	margin: 0;
			  	font-size: 1rem;
			}
			.striving-item .striving-item-img {
			  	padding: 0;
			  	padding-right: .52vw;
			}
			.striving-item:last-child{
			  	margin-top: 1.71875vw;
			}
			.striving-item:last-child .striving-item-img {
			  	padding: 0;
			  	padding-left: .52vw;
			  	order: 1;
			}
			.striving-item:last-child .striving-item-text {
			  	padding-left: 0;
			  	padding-right: 2.24vw;
			}
			.future-text h2 {
			  	margin-top: .677vw;
			  	margin-bottom: 3.64583vw;
			  	text-align: left;
			}
			.future-text {
			  	padding-right: 3.64583vw;
			}
			.future-text p {
			  	margin-bottom: 2.1875vw;
			  	font-size: 1rem;
			}
        }
        @media only screen and (min-width: 1300px) {
        	.brand-sport{
                height: auto;
                line-height: calc(1088px - 10vw);
            }
        }