html, body { margin: 0px; padding: 0px; }
ul.alfaSlider { margin: 0px; padding: 0px; }
.beforeAlfaSlider { width: 100%; text-align: center; margin: 0 auto; margin-top: 10px; }
.alfaSlider { width: 100%; margin: 0px; padding: 0px; z-index: 9998; }
.alfaSliderDiv { overflow-x: hidden; }
.alfaSliderDiv h3 { display: block; text-align: center; width: 400px; margin: 0 auto; background: rgba(255,255,255,0.7); padding: 10px; }
.alfaSliderDiv h3, .alfaSliderDiv h2 { display: block; text-align: center; width: 70%; margin: 0 auto; background: rgba(255,255,255,0.7); padding: 10px; }
.alfaSliderDiv div.alfa_desc { display: block; text-align: center; width: 70%; margin: 0 auto; background: rgba(255,255,255,0.7); padding: 10px; }
.alfaSliderNav { 	position: absolute; 
					top: 0px; 
					text-decoration: none; 
					color: rgba(0,0,0,0.7);
					font-size: 100px;
					font-weight: bold;
					z-Index: 9999;
				}
.alfaSliderNav.prev { left: 30px; }
.alfaSliderNav.next { right: 30px; }
.alfa_nav_hover { font-size: 120px; color: rgba(0,0,0,0.8); }
.alfa_nav_hover.prev { left: 20px; }
.alfa_nav_hover.next { right: 20px; }
.alfaSliderNavi { position: absolute; bottom: 20px; }
.alfaSliderNavi div { width: 40px; height: 40px; border: 4px solid rgba(0,0,0,0.5); border-radius: 24px; float: left; margin: 0 auto; margin-left: 6px; text-align: center; font-size: 12px; }
.alfaSliderNaviThis { background: rgba(0,0,0,0.5); }
.alfaSliderNavi div:hover, .alfaSliderMobileNavi div:hover { cursor: pointer; background: rgba(0,0,0,0.5); }
.clear { clear: both; }

@media (min-width: 990px) {
.alfaSliderDiv div.alfa_desc { margin-top: 175px; }
.alfaSliderMobileDiv { display: none; }
}

@media (max-width: 989px) and (min-width: 768px) {
.alfaSliderDiv div.alfa_desc { margin-top: 75px; }
.alfaSliderMobileDiv { display: none; }
}

@media (max-width: 767px) {
.alfaSliderDiv { display: none; }
.alfaSliderMobileDiv { position: relative; width: 300px; margin: 0 auto; text-align: justify; text-justify: inter-word; }
.sliderMobileImage { width: 300px; }
.alfaSliderMobileDiv h2 { text-align: center; margin: 0; padding: 10px 3px 10px 3px; font-size: 24px }
.alfaSliderMobileDiv h3 { text-align: center; margin: 0; padding: 3px 2px 3px 2px; font-size: 18px }
.alfaSliderMobileNavi { width: 300px; margin: auto; }
.alfaSliderMobileNavi div:not(.clear) { width: 28px; height: 28px; border: 3px solid rgba(0,0,0,0.5); border-radius: 16px; float: left; margin: 10px 2px 20px 2px; }
.alfaSliderMobileNav { position: absolute; top: 220px; text-decoration: none; font-size: 50px; color: rgba(0,0,0,0.7); }
.alfaSliderMobileNav.prev { left: 5px; }
.alfaSliderMobileNav.next { right: 5px; }
.alfaSliderMobileNav:hover { font-weight: bold; }
}