* {
	margin: 0;
	padding: 0;
}
html {
	background: rgb(149, 199, 227);
	background: linear-gradient(
		180deg,
		rgba(180, 213, 241, 1) 0%,
		rgba(41, 142, 200, 1) 100%
	);
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-size: 1.2rem;
}
p,h2,h3,li{
	color: #0c5682;
	font-size:large;
}
.navW{
	width: 100%;
	background-color: #7CDBDE;
}
nav{
	margin: 0 auto;
	text-align: right;
}

a{
	margin: 0 10px;
	color: white;
}
li{
	list-style-type: disc;
	margin-left: 20px;
}
.main {
	background-color: rgba(255, 255, 255, 1);
	background-image: url("./imgs/mainBg.gif");
	background-size: 100% auto;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 400px;
	width: 100%;
	margin: 0 auto;
	border-top-left-radius: 20px;
}
.verde{
	background-color: rgb(108, 216, 75);
}
footer {
	border-top: rgba(187, 245, 121, 0.918) 4px solid;
	background-color: #0c5682;
	background-image: url("./imgs/footerBg.gif");
	background-size: 50%;
	max-width: 1024px;
	min-height: 100px;
	width: 100%;
	margin: 0 auto;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	display: flex;
	flex-direction: row;
}
header {
	position: relative;
	width: 100%;
	background: rgb(125, 220, 222);
	background: linear-gradient(
		180deg,
		rgba(125, 220, 222, 1) 0%,
		rgba(49, 145, 201, 1) 70%
	);
	z-index: 9999;
	overflow: hidden;
}
.innerhead {
	margin: 0 auto;
	display:flex;
	flex-direction: row;
}
.slogan {
	width: 50%;
	text-align: center;
	padding-left: 1rem;
}
.hero{
	width: 50%;
	text-align: right;
	padding-top: 20px;
}
.hero img{
	float: left;
}
.slogan img{
	margin: 0 auto;
}
#wavewrap {
	position: absolute;
	bottom: -25px;
	width: 100%;
	height: 100px;
}
section .air {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: url("./imgs/wave.svg");
	background-size: 1000px 100px;
}
section .air.air1 {
	animation: wave 30s linear infinite;
	z-index: 1000;
	opacity: 1;
	animation-delay: 0s;
	bottom: 0;
}
section .air.air2 {
	animation: wave2 15s linear infinite;
	z-index: 999;
	opacity: 0.5;
	animation-delay: -5s;
	bottom: 10px;
}
section .air.air3 {
	animation: wave 30s linear infinite;
	z-index: 998;
	opacity: 0.2;
	animation-delay: -2s;
	bottom: 15px;
}
section .air.air4 {
	animation: wave2 5s linear infinite;
	z-index: 997;
	opacity: 0.7;
	animation-delay: -5s;
	bottom: 20px;
}
@keyframes wave {
	0% {
		background-position-x: 0px;
	}
	100% {
		background-position-x: 1000px;
	}
}
@keyframes wave2 {
	0% {
		background-position-x: 0px;
	}
	100% {
		background-position-x: -1000px;
	}
}
.slides{
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}
.slide{
	position: absolute;
	height: 100%;
	opacity: 0;
	inset: 0;
	animation: slide-show 12s infinite;
}
.slide-2{
	animation-delay: 4s;
}
.slide-3{
	animation-delay: 8s;
}
.slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
div .oa{
margin: 0 auto !important;
}
@keyframes slide-show {
	0%{
		opacity: 0;
	}
	10%{
		opacity: 1;
	}
	20%,30%{
		opacity: 1;
		scale: 1.03;
	}
	50%{
		opacity: 0;
	}
}
@media only screen and (max-width: 600px) {
	.innerhead{
		flex-direction:column;
		justify-content: center;
		margin-bottom: 20px;
	}
	.slogan {
		width: 100%;
		text-align: center;
		padding-left: 1rem;
	}
	.hero{
		width: 100%;
		text-align: right;
		padding-top: 20px;
	}
	.navW a{
		font-size: .5rem;
	}
	footer{
		flex-direction: column;
	}
	footer div{
		width: 100% !important; 
	}
}
#watsimg{
	width: auto;
	margin: 0 auto;
	max-width: auto;
}