* {margin:0px; padding:0px; border:0; box-sizing:border-box;}
body {position:relative; min-width:320px; width:100%; min-height:100vh; padding:10px; color:#FFFFFF; background-color:#424242; font-family:Arial; font-size:18px; line-height:1.2; font-weight:normal; text-align:center; overflow-x:hidden;}
tbody {width:100%}

.size {position:relative; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-around; width:100%; max-width:800px; overflow:hidden;}
.wheels {position:relative; display:flex; flex-direction:row; justify-content:center; align-items:flex-end; width:320px; border-bottom:3px solid #20202055; overflow:hidden;}
.restable {width:100%; max-width:800px; overflow-x:auto;}
.restable::-webkit-scrollbar {height:10px;}
.restable::-webkit-scrollbar-track {background-color:#10101033; border-radius: 5px;}
.restable::-webkit-scrollbar-thumb {background-color:#E9390E; border-radius:5px;}

div#items {margin:30px 0; font-family:Arial; font-size:16px; line-height:1.2; font-weight:normal;}
div#items a {display:inline-block; background-color:#E9390E; color:#fff; font-family:Arial; font-size:inherit; font-weight:inherit; margin:0; padding:7px 15px; border:0; border-radius:5px; text-decoration:none; transition:.3s;}
div#items a:hover {background-color:#fc0; color:#E9390E;}

h1.name {color:#E9390E; font-family:Arial; font-size:15px; line-height:1.2; margin:10px 0; font-weight:normal;}
h1.c {display:flex; flex-direction:row; justify-content:center; align-items:center; padding-left:20px 0; color:#E9390E; font-family:Arial; font-style:italic; font-size:38px; line-height:1.2; margin:0; font-weight:900;}
h1.c img {width:90px; height:auto; margin-left:20px;}
h1.c2 {color:#E9390E; font-family:Arial; font-size:21px; line-height:1.2; margin:10px 0; font-weight:normal;}
span.c2 {color:#ffffff; background:#E9390E; font-family:Arial; font-size:13px; line-height:1; display:inline-block; margin:0; padding:1px 5px; font-weight:normal;}
span.sp {color:#ffffff; background:#ffcc00; font-family:Arial; font-size:13px; line-height:1; display:inline-block; margin:0; padding:3px 5px; font-weight:normal;}
span.pr {color:#dd0000; font-family:Arial; font-size:18px; line-height:1.2; margin:0; font-weight:normal;}
span.ns {color:#ffffff; background:#aaaaaa; font-family:Arial; font-size:13px; line-height:1; display:inline-block; margin:0; padding:1px 5px; font-weight:normal;}
.r {color:#ff0000;}
.ac {background-color:#f9e9ca;}
table.calc {min-width:230px;}
table.calc td {font-size:18px; text-align:center; border:2px solid #424242; border-collapse:collapse;}
table.calc td select {font-size:18px; padding:3px; width:auto; background-color:#424242; color:#FFFFFF;}
table.wheel td span {display:inline-block; width:100%;}
table.tabl td {text-align:center; padding:4px; font-size:14px;}

@media only screen and (max-width : 500px), only screen and (max-device-width : 500px){
	h1.c {font-size:21px; line-height:1.2; margin:0; font-weight:900;}
	h1.c img {width:60px; height:auto;}
	
	table.calc td select {border:0; border-radius:5px; padding:3px; background-color:#e2e2e255; width:auto;}
	table.tabl td {text-align:center; padding:3px; font-size:12px;}
}