@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Poppins:wght@300&display=swap');

/* slideshow */
		    #slides {
		    position: relative;
			top: 0;
			left: 0;
			right: 0;
			height: 74vh;
			min-height: 550px;
			max-width: 1500px;
			margin: auto;
			padding-top: 140px;
		    overflow: hidden;
			z-index: 10;
		    }
		    #slideshow {
		    margin: 5px auto 0px 0px;
		    position: relative;
		    width: 100%;
		    height: calc(100% - 140px);
		    min-height:155px;
		    padding: 0px;
			overflow: visible;
		    }

		    #slideshow div {
		    position: absolute;
		    top: 1px;
		    left: 50px;
		    right: 50px;
		    bottom: 15px;
			margin: auto;
			overflow:visible;
			z-index: 20;
			border: solid 1px white;
		    }
		    .frontImage {
		    height: 260px;
			max-width: 80%;
			margin: auto;
		    line-height: 260px;
		    text-align: center;
			vertical-align: middle;
		    }
			.frontImage img {
		    max-width: 70%;
			margin: auto;
			vertical-align: middle;
			display: inline-block;
			/* -webkit-filter: drop-shadow(1px 1px 19px #FBFADA);
			filter: drop-shadow(1px 1px 19px #FBFADA); */
			filter: contrast(110%);

			/* -webkit-filter: drop-shadow(1px 1px 1px #546903);
			filter: drop-shadow(1px 1px 1px #546903); */
		    }
		    .frontBasictxt {
		    width:100%;
		    font-family: 'Source Sans Pro', serif;
		    font-size: 18px;
		    color: #666666;
		    text-decoration: none;
		    line-height: 170%;
		    }
		    .frontCity {
		    position:relative;
		    bottom: 10px;
		    width:100%;
		    font-family: 'Source Sans Pro', serif;
		    font-size: 14px;
		    color: #666666;
		    text-decoration: none;
			margin-top: 55px;
		    }
			.showLogo {
			/* position: relative;
			width: 100%;
			margin: auto; */
			text-align: center;
			diplay: block;
			}
			.showLogo img {
			vertical-align: middle;
			max-width: 180px;
			max-height: 125px;
			diplay: inline-block;
			/*-webkit-filter: drop-shadow(1px 1px 1px #758E2D);
			filter: drop-shadow(1px 1px 1px #758E2D); */
			}
				.arkm {
				height: 86px;
				}
				.interc {
				width: 130px;
				}
				.lyc {
				height: 86px;
				}
				.plnpl {
				height: 96px;
				}
				.flowc {
				width: 165px;
				}
				.yet2 {
				width: 150px;
				}
			.logoSlide {
			margin: 35px 40px;
			vertical-align:middle;
			}
						
@media only screen and (max-width: 1100px) {
			#slides {
			padding-top: 140px;
		    }
			#slideshow {
		    height: calc(100% - 140px);
		    }
			.showLogo img {
			vertical-align: middle;
			max-width: 144px;
			max-height: 100px;
			diplay: inline-block;
			}
				.arkm {
				height: 69px;
				}
				.interc {
				width: 104px;
				}
				.lyc {
				height: 69px;
				}
				.plnpl {
				height: 77px;
				}
				.flowc {
				width: 132px;
				}
				.yet2 {
				width: 120px;
				}
			.logoSlide {
			margin: 0px 36px;
			vertical-align:middle;
			}
			.frontBasictxt {
			font-size: 17px;
		    line-height: 160%;
		    }
			
}
@media only screen and (max-width: 880px) {
			#slides {
			padding-top: 140px;
			height: 525px;
		    }
			#slideshow {
		    height: calc(100% - 140px);
		    }
			.showLogo img {
			vertical-align: middle;
			max-width: 130px;
			max-height: 90px;
			diplay: inline-block;
			}
				.arkm {
				height: 62px;
				}
				.interc {
				width: 94px;
				}
				.lyc {
				height: 62px;
				}
				.plnpl {
				height: 69px;
				}
				.flowc {
				width: 119px;
				}
				.yet2 {
				width: 108px;
				}
			.logoSlide {
			margin: 20px 28px;
			vertical-align:middle;
			}
			.frontImage img {
		    max-width: 80%;
			max-height: 225px;
			margin: auto;
			
			}
			.frontBasictxt {
			font-size: 16px;
		    line-height: 160%;
		    }
			.frontImage {
		    height: 240px;
		    line-height: 240px;
			}
}
@media only screen and (max-width: 680px) {
			#slides {
			padding-top: 120px;
		    }
			#slideshow {
		    height: calc(100% - 120px);
		    }
			.showLogo img {
			vertical-align: middle;
			max-width: 117px;
			max-height: 81px;
			diplay: inline-block;
			}
				.arkm {
				height: 56px;
				}
				.interc {
				width: 85px;
				}
				.lyc {
				height: 56px;
				}
				.plnpl {
				height: 62px;
				}
				.flowc {
				width: 107px;
				}
				.yet2 {
				width: 97px;
				}
			.logoSlide {
			margin: 20px 15px;
			vertical-align:middle;
			}
			.frontImage img {
		    max-width: 80%;
			max-height: 200px;
			margin: auto;
			
			}
			.frontBasictxt {
			font-size: 16px;
		    line-height: 160%;
		    }
			.frontImage {
		    height: 220px;
		    line-height: 220px;
			}
			#slideshow div {
		    left: 30px;
		    right: 30px;
		    }	
}
@media only screen and (max-width: 560px) {
			#slides {
			padding-top: 120px;
		    }
			#slideshow {
		    height: calc(100% - 120px);
		    }
			.showLogo img {
			vertical-align: middle;
			max-width: 105px;
			max-height: 73px;
			diplay: inline-block;
			}
				.arkm {
				height: 50px;
				}
				.interc {
				width: 77px;
				}
				.lyc {
				height: 50px;
				}
				.plnpl {
				height: 56px;
				}
				.flowc {
				width: 96px;
				}
				.yet2 {
				width: 87px;
				}
			.logoSlide {
			margin: 20px 12px;
			vertical-align:middle;
			}
			.frontImage img {
		    max-width: 96%;
			max-height: 175px;
			margin: auto;
			
			}
			.frontBasictxt {
			font-size: 15px;
		    line-height: 160%;
		    }
			.frontImage {
		    height: 190px;
		    line-height: 190px;
			}	
}
@media only screen and (max-width: 400px) {
			#slides {
			padding-top: 120px;
		    }
			#slideshow {
		    height: calc(100% - 120px);
		    }
			.showLogo img {
			vertical-align: middle;
			max-width: 95px;
			max-height: 66px;
			diplay: inline-block;
			}
				.arkm {
				height: 45px;
				}
				.interc {
				width: 69px;
				}
				.lyc {
				height: 45px;
				}
				.plnpl {
				height: 50px;
				}
				.flowc {
				width: 86px;
				}
				.yet2 {
				width: 78px;
				}
			.logoSlide {
			margin: 20px 12px;
			vertical-align:middle;
			}
			.frontImage img {
		    max-width: 96%;
			max-height: 160px;
			margin: auto;
			
			}
			.frontBasictxt {
			font-size: 15px;
		    line-height: 160%;
		    }
			.frontImage {
		    height: 170px;
		    line-height: 170px;
			}	
}