@media (min-width: 769px) {
    #content {
	max-width:calc(100% - 64px);
	margin:0 auto
    }
    #content{
	box-sizing:border-box
    }
    #content *{
	box-sizing:border-box
    }
    #content .sp-sections-and-tiles section {
	min-height:400px;
	height:100vh;
	max-width:1032px;
	margin:0 auto;
	padding-left:64px
    }    
/************************************************************************************************************************************************/
    #content .sp-sections-and-tiles #ODR {
	height:0vh;
	min-height:400px;
    }
    #content .sp-sections-and-tiles #OAP {
	height:0vh;
	min-height:400px;
    }
    #content .sp-sections-and-tiles #AO {
	height:0vh;
	min-height:400px;
    }
    #content .sp-sections-and-tiles #HB {
	height:0vh;
	min-height:400px;
    }
    #content .sp-sections-and-tiles #AAC {
	height:0vh;
	min-height:400px;
    }
    #content .sp-sections-and-tiles #BFC {
	height:0vh;
	min-height:400px;
    }
    #content .sp-sections-and-tiles #EFC {
	height:0vh;
	min-height:400px;
    }
    #content .sp-sections-and-tiles #MenuAAC {
	height:0vh;
	min-height:1200px;
    }
    #content .sp-sections-and-tiles #MenuODR {
	height:0vh;
	min-height:800px;
    }
    #content .sp-sections-and-tiles #MenuAO {
	height:0vh;
	min-height:400px;
    }
/************************************************************************************************************************************************/
    #content .sp-sections-and-tiles section .section-inner {
	position:relative;
	top:50%;transform:translateY(-50%)
    }
    #content .sp-sections-and-tiles .tile {
    	display:inline-block;
    	height:350px;
	margin:16px;
	background-repeat:no-repeat;background-size:cover;
	background-position:center center;
	position:relative;
	overflow:hidden
    }
    #content .sp-sections-and-tiles .tile .tile-inner {
    	display:block;
	width:100%;
	height:350px;
	position:absolute;
	top:300px;
	left:0;
	background:rgba(0,0,0,0.5);
	transition:top 0.5s
    }
    #content .sp-sections-and-tiles .tile .tile-inner h2 {
	text-align:center;
	color:white;
	font-size:32px;
	height:50px;
	line-height:50px;
	margin:0;
	padding:0
    }
    #content .sp-sections-and-tiles .tile .tile-inner p {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:300px;
	font-size:18px;
	color:white;
	padding:0 16px
    }
    #content .sp-sections-and-tiles .tile:hover .tile-inner {
	top:0
    }
    #content .sp-sections-and-tiles .tile.size1 {
	width:calc(100% - 32px)
    }
    #content .sp-sections-and-tiles .tile.size2 {
	width:calc(50% - 34px)
    }
    #content .sp-sections-and-tiles .tile.size3 {
	width:calc(33.333% - 35px);
	height:250px
    }
    #content .sp-sections-and-tiles .tile.size3 .tile-inner {
	top:200px
    }
    #content .sp-sections-and-tiles .tile.size3 .tile-inner p {
	font-size:12px;
	height:200px
    }
    #content .sp-sections-and-tiles .tile.size3:hover .tile-inner {
	top:0
    }
    #content .sp-sections-and-tiles .tile.size4 {
	width:calc(25% - 36px);
	height:200px
    }
    #content .sp-sections-and-tiles .tile.size4 .tile-inner {
	top:150px
    }
    #content .sp-sections-and-tiles .tile.size4 .tile-inner h2 {
	font-size:16px
    }
    #content .sp-sections-and-tiles .tile.size4 .tile-inner p {
	display:none
    }
    #content .sp-sections-and-tiles section {
	display:block
    }
    #content .sp-sections-and-tiles section .section-inner {
	position:relative;
	top:50%;
	transform:translateY(-50%)
    }
    #content .sp-sections-and-tiles h1 {
	display:block;
	height:50px;
	text-align:center;
	font-size:38px;
	color:white;
	margin:0 16px;
	width:calc(100% - 34px)
    }
}
@media (max-width: 768px) {
    .sp-sections-and-tiles {
	box-sizing:border-box
    }
    .sp-sections-and-tiles *{ 
	box-sizing:border-box
    }
    .sp-sections-and-tiles .tile {
	display:block;
	margin:16px;
	position:relative;
	text-decoration:none;
	color:white;
	padding-top:250px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center
    }
    .sp-sections-and-tiles .tile h2 {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	font-size:32px;
	text-decoration:none;
	color:white;
	width:100%;
	text-align:center;
	height:50px;
	line-height:50px
    }
    .sp-sections-and-tiles .tile p {
	display:block;
	background:rgba(0,0,0,0.5);
	padding:16px
    }
    .sp-sections-and-tiles h1 {
	display:block;
	height:50px;
	text-align:center;
	font-size:38px;
	color:white;
	margin:0 16px;
	width:calc(100% - 34px)
    }
}
.section-nav {
    display:none;
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    left:50px;
    width:2px;
    z-index:9999;
    background:rgb(0,181,281)
}
.section-nav .section-nav-ball {
	display:none;
    width:20px;
    height:20px;
    border-radius:20px;
    background:rgb(10,29,142);
    margin:100px -10px;
    cursor:pointer;
    border:2px solid blue;
    position:relative;
    transition:background 0.4s
}
.section-nav .section-nav-ball:first-child {
    margin-top:0 
}
.section-nav .section-nav-ball:last-child {
    margin-bottom:0
}
.section-nav .section-nav-ball.section-nav-active {
    background:rgb(0,181,281)
}
.section-nav .section-nav-ball .section-nav-label {
    display:none;
    left:50px;
    background:rgba(10,29,142,.6);
    opacity:0.5;
    position:absolute;
    top:-10px;
    left:24px;
    width:75px;
    height:40px;
    line-height:40px;
    border-radius:20px;
    text-align:center;
    color:white;
    font-size:12px;
    transition:opacity 0.4s, width 0.4s, font-size 0.4s
}
@media (max-width: 1200px) {
    .section-nav .section-nav-ball .section-nav-label {
	opacity:0
    }
}
.section-nav .section-nav-ball:hover .section-nav-label {
    background-color:rgb(0,181,281);
    color:black;
    opacity:1;
    width:125px;
    font-size:18px
}
@media (max-width: 768px) {
    .section-nav {
	display:none
    }
}
header {
    margin-bottom:0px;
}
.spatial {
    margin-bottom: 5%;
}
.quillansSpecialPlace {
    margin-top: 125px;
}

@media (max-height:900px) {
    .section-nav .section-nav-ball {
    	width:18px;
    	height:18px;
    	border-radius:20px;
    	background:rgb(10,29,142);
    	margin:50px -10px;
    	cursor:pointer;
    	border:2px solid blue;
    	position:relative;
    	transition:background 0.4s
    }
}
@media (max-height: 580px) {
    .section-nav {
	display:none
    }
}
#Fam Camp {
    display:none
}




/*# sourceMappingURL=sections-and-tiles.min.css.map */