/*Page Setup---------------------------------------------------------------------------------------------------------------------------*/




body {
	margin: 0px;
	min-width: 390px;
	background-color: #fff;
	overflow-x: hidden;
	font-size: 95%;
	line-height: 140%;
}


img {
	max-width: 100%;
	height: auto;
	border-radius: 15px;
    margin-top: 12px;
}




a {
   outline: 0;
}

.pointer         { cursor: pointer; }

/* unvisited link */
a:link {
    color: #000000;
	text-decoration: none;
}

/* visited link */
a:visited {
    color: #000000;
}

/* mouse over link */
a:hover {
    color: #0084ff;
}

/* selected link */
a:active {
    color: #000;
}



@keyframes zoomIn {
  0% { transform: scale(0); } 100% { transform: scale(1); }
}
          

@keyframes fadeSlideUp {
  0% { opacity: 0; transform: translateY(80px); } 100% { opacity: 1; transform: translateY(0); }
}
          
.animation-zoomIn {
  animation: zoomIn 0.5s ease-in-out 1;
}


.animation-fadeSlideUp {
  animation: fadeSlideUp 0.5s ease-out 1;
}

.animation-fadeSlideUp2 {
  animation: fadeSlideUp 0.7s ease-out 1;
}






/*Page Content Setup-------------------------------------------------------------------------------------------------------------------*/

#wrapper {
	width: 100%;
	height: 100%;
}


#header {
	width: 100%;
	height: 350px;
	margin: auto;
	background-image: url(../images/header_banner.jpg);
	background-position:center;
	background-size:cover;
}

#header-logo {
	width: 338px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	background-image: url(../images/site_logo.png);
	background-repeat: no-repeat;
	background-position: center;

}

#header-title {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 27px;
	font-weight: normal;
	font-stretch: ultra-condensed;
	color: #000000;
	line-height: 26px;
	font-family: Helvetica Neue, Arial, sans-serif;
}

#header-nav {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 23px;
	color: #000000;
	line-height: 25px;
	font-family: Helvetica Neue, Arial, sans-serif;

}


#header-text2 {
	width: 390px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 0px;
	text-align: center;
	font-size: 20px;
	line-height: 25px;
    font-family: Helvetica Neue, Arial, sans-serif;

}


#contact-box {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}



/*End Header-------------------------------------------------------------------------------------------------------------------*/

#content {
  display: grid;
  place-items: center;
  padding-inline: 12px;
  font-size: 18px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}




/*Footer Start-------------------------------------------------------------------------------------------------------------------*/


#footer {
	width: 100%;
	height: 100%;
	margin-top: 50px;
	
}

#social-text {
	width: 100%;
	height: 40px;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 20px;
	text-decoration: none;
	
}

#social {
	display: grid;
	width: 100%;
	height: 60px;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
	text-decoration: none;

}

#copybox {
	width: 100%;
	height: 80px;
	display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
	font-size: 30px;
	font-family: Helvetica Neue, Arial, sans-serif;
	
}


#copyright {
	width: 100%;
	height: 150px;
	padding-top: 20px;
	font-size: 14px;
	font-family: Helvetica Neue, Arial, sans-serif;
	
}