@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
color: #003082; */

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height:100%;
	color: #000000;
	background-image: url(../images/background/sky-background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
}
body:before{
    content:"";
    width:100%;
    height:100%;
    display:block;
}
.fullContent {
	position: relative;
	width: 100%;
	height: 100vh;
}
.fullContentData {
	position: relative;
	width: 90%;
	max-width: 1000px;
	height: auto;
	margin: 55px auto;
}
#FBClogo {
	width: 380px;
	max-width: 68%;
	min-width: 150px;
	height: auto;
	display: block;
	margin: auto;
	filter: drop-shadow(1px 1px 4px rgba(255,255,255,0.9));
}
h1 {
	font-family: 'Gelasio', sans-serif;
	font-size: calc(18px + 0.6vw);
	color: #003082;
	font-weight: 600;
	text-decoration: none;
	line-height: 165%;
	letter-spacing: -.03em;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.1);
}
h2 {
	font-family: 'Gelasio', sans-serif;
	font-size: calc(18px + 0.2vw);
	color: #639284;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -.03em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: left;
	margin-bottom: 0px;
	margin-top: 55px;
}
h3 {
	font-family: 'Gelasio', sans-serif;
	font-size: calc(18px + 0.8vw);
	color: #639284;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: -.03em;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: calc(18px + 0.2vw);
	color: #33697D;
	font-weight:bold;
	text-decoration: none;
	letter-spacing: -.03em;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
article {
	position: relative;
	width: 100%;
	margin: auto;
}
article p {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: calc(14px + 0.2vw);
	color: #000000;
	line-height: 145%;
}
.slogan {
	position: relative;
	width: 86%;
	margin: 35px auto;
}
.slogan p {
	font-family: 'Gelasio', serif;
	font-size: calc(14px + 0.3vw);
	color: #003082;
	font-weight: 600;
	text-decoration: none;
	font-style: italic;
	line-height: 145%;
	letter-spacing: -.03em;
	text-align: center;
}
.locations {
	font-family: 'Gelasio', serif;
	font-size: calc(18px + 0.1vw);
	color: #808080;
	font-weight: 600;
	text-decoration: none;
	line-height: 145%;
	letter-spacing: -.03em;
	text-align: center;
}
.invitation {
	font-family: 'Gelasio', serif;
	font-size: calc(16px + 0.1vw);
	color: #003082;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;
	line-height: 145%;
	letter-spacing: -.03em;
	text-align: center;
	margin: 36px auto;
}
.contact {
	font-family: 'Gelasio', serif;
	font-size: calc(16px + 0.1vw);
	color: #808080;
	font-weight: 400;
	text-decoration: none;
	line-height: 145%;
	letter-spacing: -.03em;
	text-align: center;
}
.contact a {
	color: #808080;
	text-decoration: none;
}
.copyright {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: calc(12px + 0.1vw);
	color: #808080;
	font-weight: 400;
	text-decoration: none;
	line-height: 145%;
	letter-spacing: -.03em;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 45px;
}
.noBreak {
	white-space: nowrap;
}
#waterMark {
	position: fixed;
	right: 10px;
	bottom: 2px;
	width: 60px;
}
#waterMark img {
	width: 100%;
	height: auto;
	opacity: 0.2;
}

sup {
	font-size: xx-small;
	vertical-align: super;
	line-height: 200%;
}

.faded {
  animation: fadeIn 1800ms both;
}
.fader {
  animation: fadeInSlow 2100ms both;
}
.fadelast {
  animation: fadeInSlowTwo 2100ms both;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInSlow {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInSlowTwo {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (max-width: 1100px) {
	body {
	background-size: 130%;
	}
}
@media only screen and (max-width: 780px) {
	body {
	background-size: 180%;
	}
}
@media only screen and (max-width: 550px) {
	body {
	background-size: 280%;
	}
	h1 {
	line-height: normal;
	margin-top: 22px;
	margin-bottom: 15px;
	}
}
@media only screen and (max-height: 770px) {
	#FBClogo {
	width: 340px;
	}
	.slogan {
	position: relative;
	width: 94%;
	margin: 25px auto;
	}
}