#bgHeader{width:1500px;height:1500px;position:absolute;top:180px;left:-75%;background:#F6F2E7;border-radius:50%;z-index:-1;outline: 4px solid #F6F2E7; outline-offset: 35px;}
#bgHeader:before{content:"";width:1500px;height:1500px;position:absolute;top:10px;left:90px;background:transparent;border-radius:50%;z-index:-1; border: 4px solid #F6F2E7;}
#bgHeader:after{content:"";width:1500px;height:1500px;position:absolute;top:10px;left:10px;background:transparent;border-radius:50%;z-index:-1; border: 4px solid #F6F2E7;}
#bgSlideshow{width:800px;height:800px;position:absolute;top:-150px;left:-5%;background:#FFAB00;border-radius:50%;z-index:-1;outline: 3px solid #FFAB00; outline-offset: 35px;}
#bgSlideshow:before{content:"";width:800px;height:800px;position:absolute;top:10px;left:10px;background:transparent;border-radius:50%;z-index:-1; border: 3px solid #FFAB00;}
#bgSlideshow:after{content:"";width:830px;height:830px;position:absolute;top:25px;left:-10px;background:transparent;border-radius:50%;z-index:-1; border: 3px solid #FFAB00;}

#titleGallery{width:150px;height:150px;position:absolute;top:400px;left:-3%;background:#FFAB00;border-radius:50%;z-index:-1;display:flex;justify-content:center;align-items:center;padding-top:1em;z-index:100}
#bgGallery{width:700px;height:700px;position:absolute;top:275px;right:-15%;background:#FFAB00;border-radius:50%;z-index:-1;outline: 3px solid #FFAB00; outline-offset: 25px;}
#bgGallery:before{content:"";width:700px;height:700px;position:absolute;top:10px;left:30px;background:transparent;border-radius:50%;z-index:-1; border: 3px solid #FFAB00;}
#bgGallery:after{content:"";width:700px;height:700px;position:absolute;top:20px;left:-10px;background:transparent;border-radius:50%;z-index:-1; border: 3px solid #FFAB00;}
#bgAbout{width:600px;height:600px;background:#F6F2E7;position:absolute;top:0;left:50%;margin-left:-300px;border-radius:50%;z-index:-1;outline: 3px solid #F6F2E7; outline-offset: 15px;}
#bgAbout:before{content:"";width:600px;height:600px;position:absolute;top:-20px;left:60px;background:transparent;border-radius:50%;z-index:-1; border: 4px solid #F6F2E7;}
#bgAbout:after{content:"";width:600px;height:600px;position:absolute;top:-30px;left:-20px;background:transparent;border-radius:50%;z-index:-1; border: 4px solid #F6F2E7;}
#bgSocial{width:200px;height:200px;position:absolute;top:300px;left:0%;background:#FFAB00;border-radius:50%}
#bgSocial a img{padding-top:0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
#bgSocial a:hover img{padding-top:5px;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
h1,.h1,h2,.h2,h3,.h3,h4,.h4{color:#000}a{color:#9D5D00}
a.focus{border-bottom:2px dotted #9D5D00;-ms-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
a.focus:hover{border-bottom:2px dotted transparent;-ms-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
a.down{fill:#FFAB00;position:relative;top:calc(100% - 60px);max-height:60px;height:auto;width:100%;max-width:60px;display:inline-block;-ms-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
a.down .arrow{fill:none;stroke:#000;stroke-width:15;stroke-linecap:round;stroke-miterlimit:10;-ms-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
a.down:hover{fill:transparent;top:calc(100% - 50px);-ms-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
a.down:hover .arrow{stroke:#FFAB00;-ms-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.overlay{position:fixed;background-color:rgba(0,86,98,0);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}
.logo{fill:#000;position:relative;display:block;font-size:100%;margin:2em;width:325px;height:145px;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.logo .sub{width:90%;height:auto;position:absolute;left:16%;top:53%;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.logo .gear{fill:#FFAB00;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:39.6% 50.47%;-moz-transform-origin:39.6% 50.47%;-o-transform-origin:39.6% 50.47%;transform-origin:39.6% 50.47%;-ms-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;transition:all 2s ease-in-out}
.logo:hover *{fill:#FFAB00;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.fixHeader .header.fixed{position:fixed;top:0}
.fixHeader .header.overlay{background-color:rgba(255,255,255,1);border-bottom:1px solid #FFAB00;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}
.fixHeader .logo{position:relative;width:200px;max-width:100%;height:50px;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.fixHeader .logo .sub{position:absolute;width:109%;top:-1px;left:100%;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.fixHeader .logo .gear{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:39.6% 50.47%;-moz-transform-origin:39.6% 50.47%;-o-transform-origin:39.6% 50.47%;transform-origin:39.6% 50.47%;-ms-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;transition:all 2s ease-in-out}
#intro .block:first-child .box{padding:0 15em 0 7em}
#intro .block,#about .block{position:relative}
#intro .slideshow img{height:auto}

@media (max-width:1340px){.logo{margin:2em 7em}
	#intro .block:first-child .box{padding:0 7em}
	#titleGallery{left:50%;margin-left:-75px;z-index:-1}
}
@media (max-width:1200px){
	.logo{margin:2em 3em}
	#intro .block:first-child .box{padding:0 3em}
	#bgHeader{left:-90%}
	#bgSlideshow{left:0%}
	#intro .slideshow{width:150%}
	.gallery.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
	.gallery.grid a:nth-child(7n+1){grid-row:span 1;grid-column:span 1}
	.gallery.grid a img{object-position:50% 30%}
}
@media (max-width:959px){
	#bgSlideshow{left:0%}
	#bgHeader{left:-110%}
	#intro .slideshow{width:200%}
	h2{font-size:3em}
}
@media (max-width:767px){
	.logo{left:50%;margin:2em 0 0 -175px}
	.fixHeader .logo{margin:2em 0 2em -209px}
	#bgHeader{left:50%;margin-left:-750px}
	#bgSlideshow{left:50%;margin-left:-200px;width:500px;height:500px;top:100px}
	#intro .block:first-child .box{padding:0 5em}
	#intro .slideshow{width:100%;left:10%}
	h1{font-size:4em}
	#titleGallery{top:850px}
	#bgGallery{top:500px}
	.gallery.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
	.gallery.grid a:nth-child(7n+1){grid-row:span 2;grid-column:span 2}
	#bgAbout{top:-200px!important;width:800px;height:800px;margin-left:-400px}
	#about .box{padding:0 10em}
	#bgSocial{top:50px!important;left:50%;margin-left:-100px}
}
@media (max-width:480px){.logo{left:0%;margin:2em 4em 2em 2em;width:85%}
	.logo .sub{top:auto}
	.fixHeader .logo{width:43%;height:auto;margin:2em;left:0}
	#intro .block:first-child .box{padding:0 2em}
	#titleGallery{top:800px}#about 
	.box{padding:0 5em}
}