@CHARSET "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
a{
text-decoration:none;
}
table {
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
strong{
font-weight: bold;
}
ol,ul {
list-style: none;
margin:0;
padding:0;
}
caption,th {
text-align: left;

}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
margin:0;
padding:0;
color:#444;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
}
::selection {
background: #b1af6a;
color: #fff;
}
.anat {
margin: 10px 40px 30px 40px;
}
.footer {
font-size: 14px;
position: absolute;
bottom: 20px;
left: 40px;
}
.bg {
margin-top: 8px;
font-size: 16px;
background-color: #b1af6a;
color: #fff;
display:inline-block;
font-style: italic;
height: 30px;
}
.title {
font-size: 29px;
}
.text {
}
.small {
font-size: 15px;
line-height: 24px;
}
a:hover,blockquote,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,p a:hover{
color:#b1af6a;
transition: all 0.7s ease;
}
.logo {
position: absolute; left: 30px; top: 30px; z-index:9999;
}
#section0 {
	background-image: url("inc/split-screen-img-2.jpg");
	}
a {
color: #666;
transition: all 0.7s ease;
}
.section {
background-size: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}

.split-container {
display: flex;
}
.split1-right {
margin-top: 200px;
flex: 1;
text-align:left;
transition: all .2s ease-in-out;
}
.split1-left {
background: url("inc/split-screen-img-1.jpg");
background-size: cover;
background-position: center;
flex: 1;
transition: all .2s ease-in-out;
}
.split2-left {
margin-top: 200px;
flex: 1;
text-align:left;
transition: all .2s ease-in-out;
}
.split2-right {
background: url("inc/split-screen-img-7.jpg");
background-size: cover;
background-position: center;
flex: 1;
transition: all .2s ease-in-out;
}
.split3-right {
margin-top: 200px;
flex: 1;
text-align:left;
transition: all .2s ease-in-out;
}
.split3-left {
background: url("inc/split-screen-img-3.jpg");
background-size: cover;
background-position: center;
flex: 1;
transition: all .2s ease-in-out;
}
.split4-left {
margin-top: 200px;
flex: 1;
text-align:left;
transition: all .2s ease-in-out;
}
.split4-right {
background: url("inc/split-screen-img-4.jpg");
background-size: cover;
background-position: center;
flex: 1;
transition: all .2s ease-in-out;
}
#section5 {
background-color: #666666;
}
.split5-right {
margin-top: 180px;
flex: 1;
color: #fff;
text-align:left;
transition: all .2s ease-in-out;
}
.split5-left {
background: url("inc/split-screen-img-5.jpg");
background-size: cover;
background-position: center;
flex: 1;
transition: all .2s ease-in-out;
}
.split6-left {
margin-top: 200px;
flex: 1;
text-align:left;
transition: all .2s ease-in-out;
}
.split6-right {
background: url("inc/split-screen-img-6.jpg");
background-size: cover;
background-position: center;
flex: 1;
transition: all .2s ease-in-out;
}
@media screen and (min-width: 900px) {
.split1-left, .split2-right, .split3-left, .split4-right, .split5-left, .split6-right {
height: 100vh;
}
}
@media screen and (max-width: 900px) {
.split-container {
flex-direction: column;
height: 100vh;
}
.split1-left {
background: url("inc/split-screen-img-2.jpg");
background-size: cover;
background-position: center;
flex: 1;
transition: all .2s ease-in-out;
}
.split1-left, .split2-right, .split3-left, .split4-right, .split5-left, .split6-right {
height: 10vh;
}
.split1-right, .split2-left, .split3-right, .split4-left, .split5-right, .split6-left {
margin-top: 24px;
font-size: 16px;
}
#fp-nav {
display: none;
}
}
body{
font-family: 'EB Garamond', serif;
font-weight:200;
font-size:1.2em;
line-height:33px;
letter-spacing:.03em;
color:#666;
overflow-x:hidden!important;
-webkit-font-smoothing:antialiased
}
.wrap{
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
}
h1{
font-size: 6em;
}
p{
font-size: 2em;
}
.intro p{
width: 50%;
margin: 0 auto;
font-size: 1.5em;
}
.section{
text-align:center;
}
#menu li {
display:inline-block;
margin: 10px;
color: #666;
background:#fff;
background: rgba(255,255,255, 0.5);
-webkit-border-radius: 10px;
	border-radius: 10px;
}
#menu li.active{
background:#666;
background: rgba(0,0,0, 0.5);
color: #fff;
}
#menu li a{
text-decoration:none;
color: #666;
}
#menu li.active a:hover{
color: #666;
}
#menu li:hover{
background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
padding: 9px 18px;
display:block;
}
#menu li.active a{
color: #fff;
}
#menu{
position:fixed;
top:0;
left:0;
height: 40px;
z-index: 70;
width: 100%;
padding: 0;
margin:0;
}
.twitter-share-button{
position: fixed;
z-index: 99;
right: 149px;
top: 9px;
}