@media(max-width:1400px){
.graphic-tablet{display:block!important}
.graphic-desktop{display:none!important}
.graphic-device{display:none!important}
}
@media(max-width:1024px){
    .stickyLinks .SCMP_links a .work .thumb{display:none}
    .stickyLinks .SCMP_links a .work p{padding-left:20px;border-left:1px solid #f0f0f0;height:60px;width:240px}
    .stickyLinks .SCMP_links a .work{width:230px}
    .stickyLinks .SCMP_links .note{margin-left:0}
    .article .related.visual{left:-270px}
    .fullContent .varGraphic{width:100%}
    .graphic-tablet{display:none!important}
    .graphic-desktop{display:none!important}
    .graphic-device{display:block!important}
}
@media(max-width:780px){
    h2{padding:0 10px}
    h3{padding:0 10px}
    p{padding:0 10px}
    section.intro h1{font-size:42px}
    section.intro .cover{height:40vw;background-position:center}
    section.intro p.author{text-align:center}
    .desktop{display:none!important}
    .device{display:block!important}
    .device.icon{display:inline-block!important}
    section.intro p .autor{position:relative;left:0;top:0!important;text-align:left;width:100%;display:block;height:75px}
    section.intro p .autor .pic{float:left;margin:0 20px 10px 0}
    section.intro p .autor .name{float:left;margin-top:4px}
    section.intro p .autor .title{float:left}
    .moreLinks .wrapper{margin:0 auto;padding:25px}
    .tablet{display:none!important}
    .article .moreOnSections h4{font-size:30px;display:none}
    .article .moreOnSections.newsletter h4{font-size:24px}
    .article .related.visual{position:relative;left:unset;margin:80px auto;max-width:80%}
    .graphic-tablet{display:none!important}
    .graphic-desktop{display:none!important}
    .graphic-device{display:block!important}
}
@media(max-width:425px){
    section.intro .cover{height:80vw;background-position:center}
    section.intro h1{margin-top:20px;margin-bottom:15px;line-height:1.2em;font-size:28px}
    .moreGraphics .wrapper h1{font-size:28px}
    .big-menu{padding:20px}
    .big-menu .item-category{margin-right:5px;width:100px}
    h2{padding:0 20px}
    h3{padding:0 20px}
    p{padding:0 20px}
    .fullContent .wrapper{padding:10px 0}
    .article .related .wrapper{width:180px}
    .sidenav li a{padding:6px 16px}
    header .container.logo{width:40px}
    .article .related .wrapper:before{left:-35%}
    .fullContent.social{max-width:320px}
    .article .moreOnSections h4{display:none}
    .moreGraphics ul{margin:35px 0}
    .moreGraphics ul li{margin:0 0 -40px 0}
}