@media screen and (max-width: 1450px) {
    .magazine {
        margin-left: 4vw;
    }
    
    .subscription {
        width:50vw;
    }
    
    .video {
        width:58vw;
        margin-bottom: 10px;
    }
    
    .cyc {
        width: 33.333333vw;
        margin-top: 30px
    }
    
    iframe {
        width:97vw
    }
    
    .video {
        width: 59vw;
        margin-top: 30px;
    }
    
    .container {
        margin-left: 1vw;
        margin-top: 30px;
        width:92.5vw;
    }
}

@media screen and (max-width: 1360px){ 
    iframe {
        margin-top: 20px;
    }
    
    .container {
        width: 94.5vw;
    }
    
}

@media screen and (max-width: 1100px){ 
    .top {
        background:url(img/short.jpg);
        background-position: top left;
        background-size: cover; 
    
    .magazine {
        margin-left: 3vw;
         margin-top: 30px;
    }
    
    .magazine img {
        width:45vw;
    }
    
    .subscription {
        width:45vw;
        margin-top:30px;
    }
    
    iframe {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .container {
        width: 93vw;
         margin-bottom: 10px;
    }
    
    .button {
        margin-bottom: 10px;
    }
    
    .button2 {
        margin-bottom: 10px;
    }
    
    .video {
        margin-top: 0px;
        margin-left: 10px;
        margin-bottom: 30px;
        width: 95.3vw;
    }
    
    .cyc {
        margin-top: 30px;
        width: 90vw;
    }
}

@media screen and (max-width: 1000px){ 
    .top {
        background:url(img/short.jpg);
        background-position: top left;
        background-size: cover;
    }
    
    .magazine {
        margin-left: 2vw;
         margin-top: 0px;
          width:90vw;
          margin-bottom: 30px;
    }
    
    .magazine img {
        width:90vw;
    }
    
    .subscription {
        width:90vw;
        margin-top:30px;
    }   
    
    iframe {
        width:93vw;
    }
    
    .video {
        width: 93vw;
    }
    
    .container {
        width:90vw;
    }
}


@media screen and (max-width: 505px){
    .top {
        background:url(img/short.jpg);
        background-position: top left;
        background-size: cover;
        height: 60vh;
    }
    
    .accordion {
        padding-left: 4vw;
        height:8vh;
        padding: 12px;
    }
    
    .bottom {
        height:8vh;
    }
    
    .magazine {
        margin-left: 3vw;
         margin-top: 30px;
    }
    
     .magazine img {
        width:87vw;
    }
    
    .subscription {
        width: 87vw;
    }
    
    iframe {
        width:91vw;
        height: 85vw;
        margin-top: 25px;
    } 
    
    .cyc {
        width: 89vw;
    }
    
    .video {
        width: 89vw;
    }
    
    .container {
        width: 85vw;
    }
    
    .fb {
        margin-right: 8vw;
    }
}