/*--------------------------------------------*/
/*RACKET-----*/
.rMatch {margin-bottom: 50px; }
.rMatch p {
color: #008dcc;
font-size:      40px;
font-family: DunlopSans;
line-height: 110%;
text-align: center;
letter-spacing: 10px; }
/*RESET SX------*/
.mod-rc.sx22{
background-color: #000;
}
.mod-rc {
text-align: left; }
/*Detail title size*/
@media screen and (min-width:1200px){
.mod-rc .details h3{font-size: 197%;}
.mod-rc .details {right: 55%;}
}
@media screen and (min-width:1000px){
.mod-rc .details h3{font-size: 197%;}
}
@media screen and (min-width:900px){
.mod-rc .details strong{font-size: 115%;}
}
.pagebody p{font-size: 1.5rem;}
@media screen and (min-width:720px){
.pagebody p{font-size: 1.5rem;}
}
/*Detail button*/
a.std-button.sx3 {
color: #000;
background-color: #008dcc;
background-image: linear-gradient(-30deg, transparent 50%, #fff 50%); }
/*Arrow*/
a.carousel-arrow {
background-color: #008dcc; }
.mod-rc.sx22 .carousel-arrow:hover {
  background-color: #fff;}
.mod-rc.sx22 .carousel-arrow svg {
fill: #fff; }
.mod-rc.sx22 .details{background-color: #000;}
/*.mod-rc .details div.show {
color: #fff;
background-color: #000; }*/

.youtube iframe {
position: static;
width: revert-layer;
height: revert-layer; }
@media screen and (max-width:1150px){


}
@media screen and (max-width:900px){

/*RESET SX------*/

.mod-rc .details div.show {
 }
}
@media screen and (max-width:800px){
/*--------------------------------------------*/
/*RACKET-----*/
.rMatch {
text-align: left; }

/*Detail button*/
a.std-button.sx3 {
text-align: center;
width: 100%; }
}
@media screen and (max-width:600px){

}
@media screen and (max-width:560px){


}
@media screen and (max-width:400px){

}