@media(min-width: 2400px) {
    section.intro .cover {
        max-height: 1000px;
    }
    .fullContent.map .wrapper {
        height: 185vh;
    }
}

@media(min-width: 1280px) {
    #trigger_02 .text {
        top: 380px;
        left: 540px;
        width: 250px;
        text-align: left;
    }
}

@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%;
    }
    #trigger_02 .varGraphic li {
    margin-top: 5px;
    }
}

@media(max-width: 780px) {
    #trigger_02 .varGraphic {
        margin-bottom: 150px;
    }
    #trigger_03 .wrapper{height: auto;}
    .fullContent.map .wrapper .map.zoom{
        transform: scale(3.2);
        -ms-transform: scale(3.2);
        -moz-transform: scale(3.2);
        -webkit-transform: scale(3.2);
    }
    .fullContent.map .wrapper {
        height: 120vh;
    }
    .fullContent.map .wrapper .map.zoomTB{
        transform: scale(4);
        -ms-transform: scale(4);
        -moz-transform: scale(4);
        -webkit-transform: scale(4);
    }
    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;
    }
    .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;}
    .article .moreOnSections.newsletter h4{font-size: 24px;}
    .article .related.visual{position: relative;left: unset;margin: 80px auto;max-width: 80%;}
}

@media(max-width: 425px) {
    section.intro .cover video {
    width: auto;
    height: 100%;
    left: -35%;
}

#trigger_02 .varGraphic li {
    margin-top: -60px;
    padding-top: 10px;
}
    
#trigger_02 .text{
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    bottom: -80px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    width:320px;
    opacity: 1;
    transition: all ease 0.5;
}

.fullContent.map .wrapper {
    height: 85vh;
}

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 0px;
    }
    .article .related .wrapper {
        width: 180px;
    }
    .sidenav li a {
        padding: 6px 16px;
    }
    header .container.logo {
        width: 40px;
    }
    .article .moreOnSections h4{display: none;}
    .moreGraphics ul{margin: 35px 0;}
    .moreGraphics ul li{
        margin: 0 0 -40px 0;
    }
    .ba-slider{
        width: 100%;
        margin: 0;
    }
    iframe.varGraphic{
        width: 100%;
        margin-left: 0;
        min-height: 235px;
    }
}

@media(max-width: 320px) {
    #trigger_02 .varGraphic li {
    margin-top: -120px;
    }
    #trigger_02 .text {
    bottom: -50px;
}
    #trigger_02 .varGraphic li {
    padding-top: 15px;
    }
    .text p {
        font-size: 12px;
    }
}