#slides {
  position: relative;
  //text-align: center;
}
#slides .slides-container {
  display: none;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.wide-container {
      width: 100%;
      height: 100vh;
      margin:0;
      overflow:hidden;
    }
	
.wide-container img {
      width: 100%;
      margin: 0;
    }


.aboutus2021 {
    width: 100%;
    height: 640px;
    margin: 0;
    overflow: hidden;
}

    .aboutus2021 img {
        width: 100%;
        margin: 0;
    }

#slides .content {
			padding: 0rem 7rem 0rem 7rem ;
			width: 100%;
			max-width: 100%;
			top:0;
			position: relative;
			vertical-align: middle;
			z-index: 1;
			color: #fff;
			}




			#slides .content header {
				display: block;
				vertical-align: middle;
			}

                #slides .content header h2 {
                    font-size:3.5em;
                    margin: 4em auto;
                    letter-spacing: 0.05em;
                    font-weight: 700;
                    line-height: 1.5em;
                    color: #fff;
                    text-shadow: 2px 2px 2px #000;
                }			

/*@media screen and (max-width: 1680px)  {
	#slides .content {
			padding: 4rem 5rem 3rem 6rem ;
			top:42%;
	}
	
	.slides-pagination {
			bottom: 20em !important;
			left:10.5rem !important;
			}
}

@media screen and (max-width: 1440px)  {
	#slides .content {
			padding: 9rem 7rem 5rem 5.5rem ;
			top:30%;
	}
	
	.slides-pagination {
			bottom: 16em !important;
			left:6rem !important;
			}
}

@media screen and (max-width: 1400px)  {
	#slides .content {
			padding: 7rem 7rem 5rem 5.5rem ;
			top:32%;
	}
	
	
	.slides-pagination {
			bottom: 11em !important;
			left:6rem !important;
			}
}


@media screen and (max-width: 1280px)  {
	#slides .content {
			padding: 7rem 7rem 5rem 5rem ;
			top:30%;
	}
	
	.slides-pagination {
		bottom: 20em !important;			
	}
}

@media screen and (max-width: 1100px) {
	
	#slides .content {
			padding: 5rem 5rem 5rem 4.3rem ;
			top:38%;
	}
	
	#slides .content header h2 {
		font-size: 1.8em;
	}	
				
	.slides-pagination {
		bottom: 16em !important;
		left:5rem !important;
	}
}
*/
@media screen and (max-width: 980px) {
		
		/*.wide-container  {
			height: 450px ;
			}*/
			
		#slides .content {
			padding: 5rem 3.5rem;
			top:43%;
	}
			
		#slides .content header h1 {
			font-size: 3.5em !important;
			letter-spacing: 0.05em;
				}
			
			.slides-pagination {
					right: -48em !important; 
				}
}
	

@media screen and (max-width: 736px) {
/*		.wide-container {
			height: 300px ;
			}*/
			
		#slides .content {
			top: 30% !important;
			padding: 4rem 3rem;
		}
			
		
			#slides .content header h2 {
					font-size: 1.5em !important ;
					padding: 2em 0;
					
				}	
				
				.slides-pagination {
					/*bottom: 13em !important;
					left: 3em !important;*/
					display:none;
				}
				
				.slides-pagination a {
					width:35px !important;
					height: 4px !important;
				}
	}
	
	
@media screen and (max-width: 640px) {
	
	#slides .content {
			top: 30% !important;
			padding: 4rem 3rem;
		}
		
	#slides .content br {
			display:none;
	}
		
	.slides-pagination {
					bottom: 16em !important;
					left: 3em !important;
				}
}


@media screen and (max-width: 480px) {
	
	#slides .content {
			top: 35% !important;
			padding: 4rem 3rem;
		}
	
	.slides-pagination {
					bottom: 25em !important;
					left: 3em !important;
				}
}

@media screen and (max-width: 320px) {
	
	#slides .content {
			top: 25% !important;
			padding: 4rem 3rem;
		}
	
	.slides-pagination {
					bottom: 17em !important;
					left: 3em !important;
				}
}

				
.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 11em;
  left:6rem;
  /*text-align: center;*/
  width: 100%;
  display:none !important; 
  
}
.slides-pagination a {
  border: 1px solid #000;
 /* border-radius: 15px;
  width: 15px;
  height: 15px;*/
  width:50px;
  height: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 5px;
  overflow: hidden;
  text-indent: -100%;
  background: #000;
  
  
 
}
.slides-pagination a.current {
  background: #fff;
  border: 1px solid #fff;
}