@font-face {
    font-family: 'Sinkin Sans 700';
    src: url('../font/SinkinSans-700Bold.woff2') format('woff2'),
        url('../font/SinkinSans-700Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sinkin Sans 300';
    src: url('../font/SinkinSans-300LightItalic.woff2') format('woff2'),
        url('../font/SinkinSans-300LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Sinkin Sans 300';
    src: url('../font/SinkinSans-300Light.woff2') format('woff2'),
        url('../font/SinkinSans-300Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Sinkin Sans 700';
    src: url('../font/SinkinSans-700BoldItalic.woff2') format('woff2'),
        url('../font/SinkinSans-700BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}



body {
	background-color:#fff;
	font-family:'Sinkin Sans 300',sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family:'Sinkin Sans 700',sans-serif;
	font-weight:normal;
	color:#191919;
}

header {
	padding-bottom:2rem;
	border-bottom:1px dotted ;
}

header h1 {font-family:'Sinkin Sans 300',sans-serif; font-size:3rem;}
h2 {font-size:1.6rem;}
h3 {font-size:1.4rem;}
h4 {font-size:1.2rem;}
h5 {font-size:1.0rem;}

.slide-content a:link, .slide-content a:visited {
	color:#000;
	text-decoration:underline;
}

.slide-content a:hover, .slide-content a:visited:hover {
	color:#ccc;
}


nav {
  padding: 0.825rem 0;
  background-color:#fff;
}

.slide-nav-button {
	background-color:#fff;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
	background-color:#ddd;
}
.aside-nav.slide-nav,
.aside-nav.slide-nav > ul {
	background-color:#eee;
}

.aside-nav.slide-nav li a, .aside-nav.slide-nav li a:link, .aside-nav.slide-nav li a:visited {
	color:#909090;
}

.slide-content {
	padding-left:60px;
}

ul.chevron .submenu > a::after, 
ul.chevron .sub-submenu > a::after, 
ul.chevron .aside-submenu > a::after, 
ul.chevron .aside-sub-submenu > a::after {
	float:right;
}

#first-block, #second-block, #third-block, #fourth-block {
  padding:4.5rem 0;
}
#carousel {
  background:#d9d9d9;
}
#first-block {
  background:#fff;
}
#second-block {
  background:#d9d9d9;
}
#third-block {
  background:#fff;
}
#fourth-block {
  background:#d9d9d9;
}
footer {
  background:#fff;
  padding:3.5rem 0;
}
@media screen and (max-width: 768px) {
  .right {
  float:none;
  }
  nav {
    padding: 0;
  }
}