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




.b{width:12vw;height:5vh;
background-image:linear-gradient(to bottom right, white,darkgrey);
margin-top:0vh;
box-shadow:0px 10px 30px 0px black;
text-align:center;line-height:5vh;font-family:loaded;font-size:1vh;
color:green;z-index:999999999;}

.b:hover{background:green;color:white;
box-shadow:0px 20px 60px 0px white;}

.b1{margin-left:10vw;}

.b2{margin-left:27vw;}

.b3{margin-left:44vw;}

.b4{margin-left:61vw;}

.b5{margin-left:78vw;}





.banner{width:40vw;height:40vw;
margin-left:29vw;margin-top:10vh;}

.banner:nth-child(even){
margin-left:29vw;
}


.banner26{
width:0vw;height:0vh;
}



.open{
width:20vw;height:5vh;
line-height:5vh;
margin-left:25vw;margin-top:15vh;
font-size:2.6vw;
}

.more{position:absolute;
width:0vw;height:100vh;
margin-top:0vh;
z-index:200;
background-size:100% 100%;
transition:1s ease;
overflow-X:hidden;
overflow-Y:scroll;
}




h1{
position:relative;
width:80vw;
height:auto;
color:white;
margin-left:5vw;
margin-top:25vh;
font-family:Aldrich-Regular;
font-weight:bold;
font-size:2vh;
text-shadow:1px 2px 3px black;
text-align:left;
padding-top:3vh;
}


#h1-2{
margin-top:0vh;
}



#h1-3{
margin-top:10vh;
}



p{
position:relative;
width:76vw;
height:auto;
color:black;
margin-left:5vw;
margin-top:5vh;
margin-bottom:5vh;
font-family:Aldrich-Regular;
font-size:1.5vh;
font-weight:bold;
text-align:justify;
padding-top:3vh;
}


#p1{
text-shadow:none;
background-image:url(images/facebook.webp);
background-size:contain;
background-repeat:no-repeat;
}




.box{
position:relative;
float:left;
margin-top:5vh;
margin-left:2vw;
width:23vw;
height:23vw;
background-size:100% 100%;
border:0.1vw solid white;
transition:0.1s ease;
}


.box:hover{
transform:scale(1.05);
border:0.1vw solid grey;
0.1s ease;
}



.box1{
margin-left:5vw;
}

.box2-1{
margin-left:5vw;
}


.box3-1{
margin-left:5vw;
}

.box4-1{
margin-left:5vw;
}


.box5-1{
margin-left:5vw;
}


.box6-1{
margin-left:5vw;
}

.box7-1{
margin-left:5vw;
}

.box8-1{
margin-left:5vw;
}

.box9-1{
margin-left:5vw;
}


.box10-1{
margin-left:5vw;
}


.box11-1{
margin-left:5vw;
}

.box12-1{
margin-left:5vw;
}


.box13-1{
margin-left:5vw;
}

.box14-1{
margin-left:5vw;
}

.box15-1{
margin-left:5vw;
}


.box16-1{
margin-left:5vw;
}


.box17-1{
margin-left:5vw;
}


.box18-1{
margin-left:5vw;
}


.box19-1{
margin-left:5vw;
}


.box20-1{
margin-left:5vw;
}


.box21-1{
margin-left:5vw;
}


.box22-1{
margin-left:5vw;
}


.box23-1{
margin-left:5vw;
}


.box24-1{
margin-left:5vw;
}


.box25-1{
margin-left:5vw;
}














.bot{
position:relative;
float:left;
width:100vw;height:20vh;
margin-left:0vw;
margin-top:50vh;
background:transparent;
}






table{
position:relative;
width:84vw;
height:76vh;
margin-left:5vw;
margin-top:5vh;
text-align:center;
text-indent:1vh;
border:1vw solid lime;
background:rgba(0,0,0,0.5);
}


tr{
position:relative;
float:left;
margin-left:1.5vw;
margin-top:3vh;
background:white;
width:77vw;
height:9vh;
border-left:0.1vw solid lime;
}



th{
position:relative;
float:left;
margin:0vw;
display:inline !important;
color:lime;
width:24vw;
height:7vh;
line-height:7vh;
font-size:1.5vh;font-weight:bold;
font-family:Aldrich-Regular;
text-shadow:none;
}


td{
position:relative;
float:left;
margin:0vw;
display:inline !important;
padding-top:1vh;
color:black;
width:24vw;
height:auto;
font-size:1.3vh;font-weight:normal;
font-family:Aldrich-Regular;
}








.aside1{
margin-left:100vw;
margin-top:0vh;
}




.closeAside1{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside2{
margin-left:-100vw;
margin-top:0vh;
}


.closeAside2{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside3{
margin-left:100vw;
margin-top:0vh;
}

.closeAside3{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside4{
margin-left:-100vw;
margin-top:0vh;
}


.closeAside4{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}




.aside5{
margin-left:100vw;
margin-top:0vh;
}



.closeAside5{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside6{
margin-left:-100vw;
margin-top:0vh;
}



.closeAside6{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside7{
margin-left:100vw;
margin-top:0vh;
}



.closeAside7{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside8{
margin-left:-100vw;
margin-top:0vh;
}



.closeAside8{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}




.aside9{
margin-left:100vw;
margin-top:0vh;
}



.closeAside9{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}

.aside10{
margin-left:-100vw;
margin-top:0vh;
}



.closeAside10{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside11{
margin-left:100vw;
margin-top:0vh;
}

.closeAside11{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside12{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside12{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside13{
margin-left:100vw;
margin-top:0vh;
}

.closeAside13{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside14{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside14{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside15{
margin-left:100vw;
margin-top:0vh;
}

.closeAside15{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside16{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside16{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside17{
margin-left:100vw;
margin-top:0vh;
}

.closeAside17{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside18{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside18{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside19{
margin-left:100vw;
margin-top:0vh;
}

.closeAside19{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside20{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside20{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside21{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside21{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}


.aside22{
margin-left:100vw;
margin-top:0vh;
}

.closeAside22{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside23{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside23{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside24{
margin-left:100vw;
margin-top:0vh;
}

.closeAside24{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}



.aside25{
margin-left:-100vw;
margin-top:0vh;
}

.closeAside25{
width:20vw;height:5vh;
line-height:5vh;
margin-left:55vw;margin-top:15vh;
font-size:4vw;
}






.BANNERSmonitor1{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor2{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}

.BANNERSmonitor3{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor4{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor5{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}



.BANNERSmonitor6{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor7{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor8{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor9{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor10{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}



.BANNERSmonitor11{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor12{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor13{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor14{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor15{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}

.BANNERSmonitor16{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}



.BANNERSmonitor17{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor18{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}



.BANNERSmonitor19{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor20{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor21{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor22{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor23{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}


.BANNERSmonitor24{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}



.BANNERSmonitor25{
width:100vw;height:60vw;
margin-left:0vw;margin-top:27vh;
}






.txtHead{
position:absolute;
width:34vw;height:auto;
margin-left:63vw;margin-top:32vh;
z-index:99;
text-align:center;
font-family:Aldrich-Regular;
color:white;font-size:1.6vw;
}



.txtBox{
position:absolute;
width:25vw;height:10vh;
margin-left:70vw;margin-top:35vh;
z-index:99;
text-align:justify;
font-family:Aldrich-Regular;
color:white;font-size:0.5vh;
overflow:scroll;
line-height:0.7vh;
}







.coffee_ball{
margin-top:12vh;
}







::-webkit-scrollbar{background-image:linear-gradient(to bottom,white,darkgrey);width:2vw;}

::-webkit-scrollbar-thumb{background:green;}





}