
/* CSS Document */

body, html{font-family: 'Josefin Sans', sans-serif;font-size:16px;}


.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}

h2{font-size:1.5em}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1500px;
  }
}

section{text-align:center;}

section h2{}
section p{font-weight:300;line-height:1.5em;padding:15px;}

section.blue, .blue{background-color:#0e0e58;color:#e0b546;}

section.yellow{background-color:#e0b546; color:#0e0e58;}

section ul{margin:15px 0;text-align:center;padding:0;}
section ul li{list-style: none;font-size:1.25em;color:#e0b546;}

/* SPLASH */

section.top{height:100vh;}

section.top .top-content{
	position:absolute;top: 50%;left:0;right:0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.top img{display:block;position:relative;}
section.top img.top-logo{width:90%;height:auto;margin:50px auto 40px;}
section.top img.tagline{width:50%;height:auto;margin:0px auto 0px;}
section.top img.porthole{width:20%;height:auto;margin:50px auto 50px;}

@media screen and (min-width:768px){
	section.top img.top-logo{width:708px;height:auto;margin:50px auto 40px;}
	section.top img.tagline{width:318px;height:auto;}
	section.top img.porthole{width:123px;height:auto;margin:30px auto 30px;}
}
@media screen and (min-width:1024px){
	section.top img.top-logo{width:833px;height:auto;margin:100px auto 80px;}
	section.top img.tagline{width:418px;height:auto;}
	section.top img.porthole{width:164px;height:auto;margin:50px auto 50px;}
}

@media screen and (max-height:715px) and (min-width:768px){
	section.top img.top-logo{width:583px;height:auto;margin:50px auto 40px;}
	section.top img.tagline{width:293px;height:auto;margin:0px auto 0px;}
	section.top img.porthole{width:115px;height:auto;margin:50px auto 50px;}
}

/* ABOUT */

#about{padding-top:90px;padding-bottom:90px;}

/* MAP */

/*
.parallax-window {
    min-height: 450px;
    background: transparent !important;
} */
.map-window {
	position:relative;top:0;bottom:0;left:0;right:0;
    min-height: 450px;
}

h2.maptext{
	position:absolute;top: 50%;left:0;right:0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	padding-bottom:70px;
	text-align:center;
	color:#e0b546;
	line-height:1.625em;
	font-size:1.25em;
}
h2.maptext br{display:none;}

@media screen and (min-width:400px){
	h2.maptext {font-size:1.5em;}
}

@media screen and (min-width:1024px){
	h2.maptext br{display:block;}
}

/* BOTTOM */

.bottom .leftlink{padding-top:15px;}
.bottom .rightlink{padding-top:15px;}
.bottom a, .bottom a:visited, .bottom a:active{text-decoration:none;font-size:1.23em;color:#0e0e58;white-space:nowrap;}
.bottom a:hover{color:#000;}
.bottom a img{outline: none;}

@media screen and (min-width:768px){
	.bottom h2 br{display:none;}
}


