@media all and (orientation: landscape) {
	/* Target device in landscape mode */
}
@media all and (orientation: portrait) {
	/* Target device in portrait mode */
}
@media only screen and (min-width: 0) and (max-width: 990px) {
    section.projects .menu {margin-left:0;text-align:center;}
    section.projects .menu > li {margin-left:5px;margin-right:5px;}
    section.projects .project .image {float:none;margin:auto;margin-bottom:30px;}
    section.projects .project .text {float:none;max-width:510px;width:auto;margin:auto;}
}
@media only screen and (min-width: 0) and (max-width: 940px) {
    footer .logo {display:none!important;}
    footer .contacts {margin-left:5%;}
    footer .map {margin-right:5%;}
}
@media only screen and (min-width: 0) and (max-width: 820px) {
    .wrapper {padding-left:10px;padding-right:10px;}
    .navigation {position:static!important;background:none;border:0;}
    .navigation .magic-line {display:none;}
    .navigation a {display:none;}
    .navigation a.lang {display:block;color:#2b3941;border-bottom:0!important;padding-left:10px;padding-right:10px;margin:0!important;}
    .navigation a.lang.current {color:#ff530d;}
    section.header .wrapper,
    .scroll-out section.header .wrapper {padding-top:0;}
    .scroll-out .navigation {opacity:1;height:72px;line-height:72px;}
}
@media only screen and (min-width: 0) and (max-width: 750px) {
    footer .wrapper {padding-bottom:50px;}
    footer .j-grid {text-align:center;}
    footer .contacts {margin-left:0;}
    footer .map {margin-right:0;margin-top:20px;}
    footer .separator {display:block;}
}
@media only screen and (min-width: 0) and (max-width: 720px) {
    section.technologies .separator {display:inline;}
}
@media only screen and (min-width: 0) and (max-width: 620px) {
    h1 {font-size:50px;font-family:'Roboto';}
    h2 {font-size:25px;font-family:'Roboto';}
    h3 {font-size:25px;font-family:'Roboto';}
    h4 {font-size:18px;font-family:'Roboto';}
    h6 {font-size:16px;font-family:'Roboto';}
    section.header .wrapper {padding-bottom:10px;}
    section.about h6 {padding-bottom:70px;}
    section.articles ul li {float:none;width:100%;margin-left:0;}
    section.poster {min-height:300px;}
}
@media only screen and (min-width: 0) and (max-width: 520px) {
    section.projects .menu > li a {font-size:14px;padding:5px 15px;}
}
@media only screen and (min-width: 0) and (max-width: 420px) {
    h1 {font-size:38px;}
    h2 {font-size:20px;}
    h3 {font-size:20px;}
    h4 {font-size:16px;}
    h6 {font-size:16px;font-weight:normal;}
    section.projects .menu {margin-left:-10px;margin-right:-10px;}
    section.projects .menu > li {margin-left:0;margin-right:0;}
    section.projects .menu > li a {font-size:13px;padding:5px 10px;}
    section.stats h3 {font-size:75px;}
    footer .wrapper {padding-bottom:30px;}
}