h1, h2{text-align:center}
body{margin:0}
.fullscreen{width:100%;height:100%}
/* SLIDES */
#slides {  overflow-x: hidden;  width: 100%;  height: 100%;}
#slides .slides-control {  position: relative;  -webkit-transform: 0;  transform: 0;}
#slides .slides-container {  display: none;  margin: 0;  padding: 0;  list-style: none;  position: relative;}
#slides .slides-container img {  -webkit-backface-visibility: hidden;  -ms-interpolation-mode: bicubic;  height:100%;width:100%;max-width:100%;object-fit:cover;position: absolute;left: 0!important;top: 0!important;
  top: 0;  z-index: -1;}
#slides .slides-container img.keep-original {  min-width: 0;  min-height: 0;  position: static;}
#slides .slides-container li {  margin: 0;  padding: 0;  position: relative;  background: none;}
#slides .slides-container li.current {  display: block;  z-index: 1;}
#slides .slides-container li .container {  width: 55%;  margin: 0 auto 30px auto;  position: relative;  top: 25%;  min-height: 300px;  padding: 30px;  background: white;  background: rgba(255, 255, 255, 0.9);}
#slides .scrollable {  *zoom: 1;  position: relative;  top: 0;  left: 0;  overflow-y: auto;  height: 100%;}
#slides .scrollable:after {  content: "";  display: table;  clear: both;}
#slides .scrollable .container {  overflow: hidden;  *zoom: 1;}
.slides-navigation {  width: 85%;  margin: 0 auto;  position: absolute;  width:100%;z-index: 3;  top: 48%;}
.slides-navigation a {  text-align:center;position: absolute;display: block;font-size:50px;color: white;  text-decoration: none;  display: block;width: 70px;}
.slides-navigation a:hover{font-weight:bold}
.slides-navigation a.prev {  left: 0;}
  .slides-navigation a.next {  right: 0; }
.slides-pagination {  position: absolute;  z-index: 3;  bottom: 20px;  text-align: center;  width: 100%;}
.slides-pagination a {  border: 2px solid white;  border-radius: 15px;  width: 10px;  height: 10px;  display: inline-block;  margin: 3px;}
.slides-pagination a.active {  background: white;}