@media only screen and (max-width: 1024px) {
#nav-icon { margin-left:30px;}
#menu-block, #menu-block-dark {
  width: 55%;
}
nav {right:20px;}
.whitepage h4, .darkpage h4 {
  font-size: 30pt;
  font-weight: 500;
}
}

@media only screen and (max-width: 980px) {
.fixed { height:auto; position:relative; margin-bottom:60px; }
/* timeline */
.bl-res-centered:before, .bl-res-centered-last:before {
  height: 70%;
}
}

@media only screen and (max-width: 800px) {
.copy-right, .copy-right-dark{ 
display:block; 
position:fixed;
bottom:5px;
right:10px;
font-size:8pt;
font-weight:400;
letter-spacing:0em;
text-align:left;
}
.menuscroll, .menuscroll-dark {
  position:fixed;
  font-size: 7pt;
  bottom: 30px;
  left: -20px;
}
}

@media only screen and (max-width: 768px) {
#menu-block, #menu-block-dark {
  width: 100%;
}
	.navbar-brand {left:10px;}
	.widget{ margin-top:60px;}
	.wrap-menu-child{
	padding-right:30px;
	padding-left:30px;
	}
}

@media only screen and (max-width: 600px) {
#menu-block ul li, #menu-block-dark ul li{
		font-size:12pt;
		line-height:6pt;
}
#menu-block ul li ul li, #menu-block-dark ul li ul li{
		font-size:14pt;
		line-height:10pt;
		margin-top:20px;
}

/* home */
#home .overlay-main{ margin-top:30px; padding-left:10px; padding-right:10px;}
#home h1 {
  font-size: 20pt;
}
#home h3 {
  font-size: 34pt;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 5px 0 5px 0;
}
#home p {
  font-size: 9pt;
  letter-spacing: 1px;
  margin: 0 auto;
  margin-top: 10px;
}

/* whitepage */
.whitepage h3, .darkpage h3 {
  font-size: 34pt;
  font-weight: 500;
}
}


@media(max-width:414px) {

}

@media(max-width:375px) {

}

@media(max-width:360px) {
#menu-block ul li, #menu-block-dark ul li{
		font-size:18pt;
		line-height:10pt;
}
#menu-block ul li ul li, #menu-block-dark ul li ul li{
		font-size:12pt;
		line-height:5pt;
		margin-top:25px;
}
}

@media(max-width:320px) {

}