/*
* WIDTH 800PX - @media only screen
*/
@media only screen and (max-width: 800px) {

    .hun-logo-1 {
        display: none;
    }

}
@media only screen and (min-width: 800px) {

    .hun-logo-1 {
        display: block;
        width: 40%;
        width: 40vw;
    }

}


/*
* WIDTH 900PX - @media only screen
*/
@media only screen and (max-width: 900px) {
}
@media only screen and (min-width: 900px) {

    .hun-logo-1 {
        width: 30%;
        width: 30vw;
    }

}


/*
* WIDTH 1000PX - @media only screen
*/
@media only screen and (max-width: 1000px) {

    .hun-bg-img {
        -webkit-animation:
            bgImageAnimationWithoutZoom 36s linear infinite;
        -moz-animation:
            bgImageAnimationWithoutZoom 36s linear infinite;
        -o-animation:
            bgImageAnimationWithoutZoom 36s linear infinite;
        -ms-animation:
            bgImageAnimationWithoutZoom 36s linear infinite;
        animation:
            bgImageAnimationWithoutZoom 36s linear infinite;
    }

    .hun-bg-img-1 {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
    }

    .hun-bg-img-2 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }

    .hun-bg-img-3 {
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }

    .hun-bg-img-4 {
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }

    .hun-bg-img-5 {
        -webkit-animation-delay: 24s;
        -moz-animation-delay: 24s;
        -o-animation-delay: 24s;
        -ms-animation-delay: 24s;
        animation-delay: 24s;
    }

    .hun-bg-img-6 {
        -webkit-animation-delay: 30s;
        -moz-animation-delay: 30s;
        -o-animation-delay: 30s;
        -ms-animation-delay: 30s;
        animation-delay: 30s;
    }

    .hun-block-stamp {
        margin-left: -150px;
        width: 300px;
    }

    .hun-stamp-1 {
        opacity: 1;
    }

    .hun-stamp-2 {
        opacity: 0;
    }

    .hun-stamp-3 {
        opacity: 0;
    }

    .hun-stamps {
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-animation:
            stampRotation 21s linear infinite;
        -moz-animation:
            stampRotation 21s linear infinite;
        -o-animation:
            stampRotation 21s linear infinite;
        -ms-animation:
            stampRotation 21s linear infinite;
        animation:
            stampRotation 21s linear infinite;
    }

    .hun-block-stamp:hover .hun-stamp-1, 
    .hun-block-stamp:hover .hun-stamp-2, 
    .hun-block-stamp:hover .hun-stamp-3 {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
        -ms-animation-play-state: paused;
        animation-play-state: paused;
    }

    .hun-stamp-1 {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
    }

    .hun-stamp-2 {
        -webkit-animation-delay: 7s;
        -moz-animation-delay: 7s;
        -o-animation-delay: 7s;
        -ms-animation-delay: 7s;
        animation-delay: 7s;
    }

    .hun-stamp-3 {
        -webkit-animation-delay: 14s;
        -moz-animation-delay: 14s;
        -o-animation-delay: 14s;
        -ms-animation-delay: 14s;
        animation-delay: 14s;
    }

}
@media only screen and (min-width: 1000px) {

    .hun-bg-img {
        -webkit-animation:
            bgImageAnimation 36s linear infinite;
        -moz-animation:
            bgImageAnimation 36s linear infinite;
        -o-animation:
            bgImageAnimation 36s linear infinite;
        -ms-animation:
            bgImageAnimation 36s linear infinite;
        animation:
            bgImageAnimation 36s linear infinite;
    }

    .hun-bg-img-1 {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
    }

    .hun-bg-img-2 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -o-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }

    .hun-bg-img-3 {
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -o-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;
    }

    .hun-bg-img-4 {
        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -o-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;
    }

    .hun-bg-img-5 {
        -webkit-animation-delay: 24s;
        -moz-animation-delay: 24s;
        -o-animation-delay: 24s;
        -ms-animation-delay: 24s;
        animation-delay: 24s;
    }

    .hun-bg-img-6 {
        -webkit-animation-delay: 30s;
        -moz-animation-delay: 30s;
        -o-animation-delay: 30s;
        -ms-animation-delay: 30s;
        animation-delay: 30s;
    }

    .hun-block-stamp {
        margin-left: -500px;
        width: 1000px;
    }

    .hun-stamps:hover {
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .hun-stamps {
        float: left;
        opacity: 0;
        margin: 15px 
    }

}


/*
* WIDTH 1100PX - @media only screen
*/
@media only screen and (max-width: 1100px) {
}
@media only screen and (min-width: 1100px) {

    .hun-logo-1 {
        width: 25%;
        width: 25vw;
    }

}


/*
* WIDTH 1200PX - @media only screen
*/
@media only screen and (max-width: 1200px) {
}
@media only screen and (min-width: 1200px) {

    .hun-menu-1-wrapper {
        padding-top: 100px;
        height: 110px;
    }

    .hun-menu-1-wrapper ul {
        margin-left: 0px;
    }

    .hun-menu-1-wrapper ul li {
        text-align: center;
        float: left;
    }

    .hun-menu-1-wrapper ul li a {
        text-align: center;
    }

    a.menu-2 {
        margin-left: 3.5%;
        margin-left: 3.5vw;
        margin-right: 3.5%;
        margin-right: 3.5vw;
    }

}


/*
* WIDTH 1300PX - @media only screen
*/
@media only screen and (max-width: 1300px) {
}
@media only screen and (min-width: 1300px) {

    a.menu-1 {
        margin-left: 2%;
        margin-left: 2vw;
    }

}


/*
* WIDTH 1400PX - @media only screen
*/
@media only screen and (max-width: 1400px) {
}
@media only screen and (min-width: 1400px) {

    a.menu-1 {
        margin-left: 3%;
        margin-left: 3vw;
    }

    a.menu-2 {
        margin-left: 5%;
        margin-left: 5vw;
        margin-right: 5%;
        margin-right: 5vw;
    }
}


/*
* WIDTH 1500PX - @media only screen
*/
@media only screen and (max-width: 1500px) {
}
@media only screen and (min-width: 1500px) {

    a.menu-1 {
        margin-left: 4%;
        margin-left: 4vw;
    }

    .hun-menu-1-wrapper ul li a {
        font-size: 47px;
    }

    .hun-block-stamp {
        margin-left: -525px;
        width: 1050px;
    }

    .hun-stamps {
        margin: 150px 
    }

}


/*
* WIDTH 1600PX - @media only screen
*/
@media only screen and (max-width: 1600px) {
}
@media only screen and (min-width: 1600px) {

    a.menu-1 {
        margin-left: 4%;
        margin-left: 4vw;
    }

    a.menu-2 {
        margin-left: 6%;
        margin-left: 6vw;
        margin-right: 6%;
        margin-right: 6vw;
    }

}


/*
* WIDTH 1700PX - @media only screen
*/
@media only screen and (max-width: 1700px) {
}
@media only screen and (min-width: 1700px) {

}


/*
* WIDTH 1800PX - @media only screen
*/
@media only screen and (max-width: 1800px) {
}
@media only screen and (min-width: 1800px) {

    a.menu-1 {
        margin-left: 5%;
        margin-left: 5vw;
    }

    a.menu-2 {
        margin-left: 7%;
        margin-left: 7vw;
        margin-right: 7%;
        margin-right: 7vw;
    }

    .hun-block-stamp {
        margin-left: -590px;
        width: 1180px;
    }

    .hun-stamps {
        margin: 30px 
    }

}


/*
* WIDTH 1900PX - @media only screen
*/
@media only screen and (max-width: 1900px) {
}
@media only screen and (min-width: 1900px) {

    a.menu-2 {
        margin-left: 8%;
        margin-left: 8vw;
        margin-right: 8%;
        margin-right: 8vw;
    }

}



/*

* WIDTH 800PX - @media only screen

@media only screen and (max-width: 800px) {

    .hun-logo-1 {
        display: none;
    }

}
@media only screen and (min-width: 800px) {

    .hun-logo-1 {
        display: block;
    }

}



* WIDTH 900PX - @media only screen

@media only screen and (max-width: 900px) {
}
@media only screen and (min-width: 900px) {

    .hun-menu-1-wrapper {
        width: 70%;
        width: 70vw;
    }

}



* WIDTH 1000PX - @media only screen

@media only screen and (max-width: 1000px) {
    
.hun-logo-1 {
    width: 45%;
    width: 45vw;
}

}
@media only screen and (min-width: 1000px) {
}



* WIDTH 1100PX - @media only screen

@media only screen and (max-width: 1100px) {
    
.hun-logo-1 {
    width: 40%;
    width: 40vw;
}

}
@media only screen and (min-width: 1100px) {

    .hun-menu-1-wrapper {
        width: 50%;
        width: 50vw;
    }

    .hun-menu-1-wrapper ul li {
        float: left;
    }

}


* @media only screen and (min-width: 1200px)

@media only screen and (min-width: 1200px) {
    

}


* @media only screen and (max-width: 1300px)

@media only screen and (max-width: 1300px) {
    
.hun-logo-1 {
    width: 35%;
    width: 35vw;
}

}



* @media only screen and (max-width: 1500px)

@media only screen and (max-width: 1500px) {
    
.hun-logo-1 {
    width: 30%;
    width: 30vw;
}

}


* @media only screen and (max-width: 1700px)

@media only screen and (max-width: 1700px) {
    
.hun-logo-1 {
    width: 25%;
    width: 25vw;
}

}



* @media only screen and (min-width: 1800px)

@media only screen and (min-width: 1800px) {
    
.hun-logo-1 {
    width: 20%;
    width: 20vw;
}

}
*/