@charset "UTF-8";
/* CSS Document */
/*
	font-family: ivypresto-headline, serif;
font-weight: 100;
font-style: normal;
		font-family: ivypresto-headline, serif;
font-weight: 400;
font-style: normal;

To center cols
justify-content-center
*/
	
	
body, html {
    height: 100%;
    margin: 0;
    background-color: #2e3191;
    color: #FFF;
}
h1 {
    font-family: ivypresto-headline, serif;
    font-weight: 400;
    font-style: normal;
    color: #dfdee2;
}
h2 {
    font-family: ivypresto-headline, serif;
    font-weight: 100!important;
    font-style: normal;
    color: #dfdee2;
}

p {

}


.full-screen {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2e3191;
    position: relative;
}

  nav {
/*    background-color: red;*/
  }
.nav-top-left, .nav-top-right, .nav-bottom-left, .nav-bottom-right {
    position: absolute;
    padding: 20px;
    z-index: 100;
}
.nav-top-left {
  top:0;
	margin: 0 auto;
	display: none;
}




.nav-top-right {
    top: 0px;
    margin: 0 auto;
	color: #6d71c2;
}
.nav-top-right a {

	color: #fff;
	text-transform:uppercase;
	text-decoration: none;	
	
}

.nav-top-right a:hover {

	opacity: .5;
	
}


.nav-bottom-left {
    bottom: 60px;
    left: 0;
}
.nav-bottom-right {
    bottom: 60px;
    right: 0;
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 768px) {
  nav {
/*    background-color: yellow;*/
  }


.nav-top-left, .nav-top-right, .nav-bottom-left, .nav-bottom-right {
    position: absolute;
    padding: 20px;
    z-index: 100;
	
}
.nav-top-left {
    top: 0;
    left: 0;
	display: block;
}
.nav-top-right {
    top: 0;
    right: 0;
}
.nav-bottom-left {
    bottom: 0;
    left: 0;
}
.nav-bottom-right {
    bottom: 0;
    right: 0;
}
	
	
}
.sn-icons {
	padding-bottom: .5rem;
}

.sn-icons a {
    text-decoration: none;
    padding: 0 .50rem;
	margin: 0;
	
}

.sn-icons img {
    margin-top: -3px;	;
	padding: 0;
	border: 0;
}
.sn-icons a:hover {
    opacity: .75;
}
.btn {
	border-radius: 0;
}
.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
	margin-bottom: 1rem;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: #dfdee2;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);

  
    outline: 0;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: none;
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-content p {
    color: #000;
		 font-family: ivypresto-headline, serif;
	  font-weight: 100;
	  font-style: normal;
	font-size: 1.2rem;
}
.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url(data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e);
--bs-btn-close-opacity: 0.5;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
}

	.slide-left-2, .slide-right-2 {
		width: 40%
	}
	
		.slide-center-2 {
		width: 20%
	}


.details {
	padding-bottom: 2rem;
}
	.details h1 {
	  font-family: ivypresto-headline, serif;
	  font-weight: 400;
	  font-style: normal;
	  color: #dfdee2;
	  font-size: 3rem;
	  margin: 0;
	  padding: 0;
	  line-height: normal;
	}
	.details p {
	  font-family: ivypresto-headline, serif;
	  font-weight: 100;
	  font-style: normal;
	  color: #dfdee2;
	  font-size: 3rem;
	  margin: 0;
	  padding: 0;
	  line-height: normal;
	}

.title {
	font-family: ivypresto-headline, serif;
	  font-weight: 400;
	  font-style: normal;
	  color: #dfdee2;
font-size: calc(1.525rem + 2.5vw);
}

.sub-title {
	font-family: ivypresto-headline, serif;
	  font-weight: 100;
	  font-style: normal;
	  color: #dfdee2;
  font-size: calc(1.525rem + 2.5vw);
}

@media (min-width: 992px) {
  .title {
    font-size: 3.5rem;
  }
	  .sub-title {
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .title {
    font-size: 4rem;
  }
	  .sub-title {
    font-size: 4rem;
  }
}

@media (min-width: 1400px) {
  .title {
    font-size: 4rem;
  }
	  .sub-title {
    font-size: 4rem;
  }
}

/*Newsletter sign up*/

	#mc_embed_signup {
    background: #dfdee2;
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
    width: 100%;
}
	
	#mc_embed_signup h2 {
		font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 1.4em;
    color: #000;
}
	#mc_embed_signup .mc-field-group label {
    display: block;
    margin-bottom: 3px;
	color: #000;
}
	#mc_embed_signup .indicates-required {
    text-align: right;
    font-size: 11px;
    margin-right: 4%;
		color: #000;
	}
#mc_embed_signup .button {
    clear: both;
    background-color: #111;
    border: 0 none;
    border-radius: 0;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: fit-content;
    width: -moz-fit-content;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0;
    clear: both;
}

#mc_embed_signup #mce-success-response {
    color: #000;
    display: none;
}

.res-box {
	position: fixed;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	z-index: 9999;
  background-color: aqua;
}
/* MEDIA QUERY TEMPLATES */

/*
BS Breakpoints
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px
*/



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  .res-box {
    background-color: red;
  }

}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  .res-box {
    background-color: yellow;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .res-box {
    background-color: pink;
  }
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .res-box {
    background-color: blue;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .res-box {
    background-color: purple;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
  .res-box {
    background-color: orange;
  }
}
}