/* CSS Document */

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

input {
	font-family: modestolite,serif;
	font-weight: 400;
	font-style: normal;
}

body, html {
	height: 100%;
 	margin: 0px;
	background-color: #b3c7e4;
}

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



.nav-left {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 20vw;
	height: 100%;
	background-color: #39547f;
	border-right: 1.5vw solid #697fa2;

}


.nav-right {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 5vw;
	height: 100%;
	background-color: #39547f;
	border-left: 1.5vw solid #697fa2;
}

#logo {
	margin: 10vh 2vw 0 2vw;
	width: 16vw;
}
#logo img {
	width: 16vw;
}

#nav {
	margin: 2vh 0 0 3vw;
	width: 20vw;
	font-family: modestolite,serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2vw;
	color: #DCDCDC;
}
.nav-button, .nav-text {
	color: #DCDCDC;
	margin: 2vw 0;
	height: 3vh;
}
.nav-text {
	padding: 30px 0 0 0;
}
#nav a {
	text-decoration: none;
	color: #DCDCDC;
}


#jumbo-overlay-icon {
	position: fixed;
	background-image: url("../img/LOGO_IMG_LARGE.png");
	background-size: contain;
	width: 25vw;
	height: 25vw;
	top: -1vw;
	right: 5vw;
}
#jumbo-overlay-text {
	position: fixed;
	font-family: goldenbook, serif; 
	font-weight: 700; 
	font-style: normal; 
	font-size: 2.2vw;
	top: 15vh;
	left: 25vw;
	color: #DCDCDC;
}



#jumbo-bg {
	position: absolute;
	top: 0px;
	left: 20vw;
	min-width: calc(100vw - 580px);
	height: 100vh;
}
.jumbo-bg-image{
	position: absolute;
	display: none;
	width: 75vw;
	height: 100vh;


	background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
	background-color:#b3c7e4;
	color: #DCDCDC;
	background-size: cover;
	background-attachment: fixed;
}
.active {
	display: block;
}
#jumbo-bg-image1{
	background-image: url("../img/jumbo01.jpeg");
}
#jumbo-bg-image2{
	background-image: url("../img/jumbo02.jpeg");
}
#jumbo-bg-image3{
	background-image: url("../img/jumbo03.jpeg");
}


.footer-stretch {
	position: relative;
	width: 75vw;
	height: 10vw;
}
.footer {
	position: absolute;
	width: 75vw;
	height: 10vw;
	background-color:#697fa2;
	color:#b3c7e4;
	bottom: 0px;
}
.footer-left {
	position: absolute;
	top:4vw;
	left:4vw;
	float: right;
}
.footer-left a{
	text-decoration: none;
	color:#b3c7e4;
}
.footer-right {
	position: absolute;
	top: 2vw;
	right: 4vw;
	vertical-align: middle;
	float: right;
	text-align: right;
}
.footer-right img{
	height: 4vw;
}
.footer-right-copy {
	display: inline-block;
	position: relative;
	clear: right;
	top: -1vw;
	font-size: .7vw;
}


#content {
	display: block;
	position: absolute;
	min-width: 75vw;

	top: calc(30vh - 100px);
	min-height: calc(70vh - 10vw);
	left: 20vw;
	
	background-color: #b3c7e4;
	color:#39547f;
	
	font-family: goldenbook,serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6vw;
}
#content-home {
	display: block;
	position: absolute;
	min-width: 75vw;

	top: calc(100vh - 10vw);
	left: 20vw;
	
	background-color: #b3c7e4;
	color:#39547f;
	
	font-family: goldenbook,serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6vw;
}
.content-row {
	width: 65vw;
	margin: 3vw;
}
.content-row-header {
	font-size: 2.6vw;
	font-weight: bold;
	font-family: modestolite,serif;
	font-weight: 400;
	font-style: normal;
}
.content-row-line {
	width: 65vw;
	margin-top: 1vw;
	height: .6vw;
	background-image: url("../img/line_full.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.content-table {
	display: table;
	width: 100%;
}
.content-table ul {
	list-style: circle;
	list-style-type: square;
}
.content-table-item {
	display:table-cell;
	width: 100%;
	float: left;
	font-size: 1.4vw;

}
.content-table-cell-half {
	width: 50%;
	float: left;
	display: table-column;
}
.content-row-button {
	width: 100%;
	text-align: center;
}
.content-row-button .button, #send_message {
	
	display: inline-block;
    position: relative;
    margin-top: 2vw;
    background-color: #39547f;
    color: #b3c7e4;
    font-weight: bolder;
    border-radius: 10px;
	
}

.content-row-button .button a, #send_message a{
	text-decoration: none;
	color: #bcbcbc;
	font-size: 1.6vw;
	margin: 2vw;
}


@media all and (max-width: 1280px) { 

}

@media all and (max-width: 980px) { 

}

@media all and (max-width: 736px) { 

}

@media all and (max-width: 480px) { 

}