/* Unminify this file to make changes and minify after making changes */

@media all and (min-width: 1600px){
    .section{
        padding: 100px 0
    }
}

@media all and (max-width: 1440px) {
    .bg-image {
        /* width: 480px; */
        width: 615px;
    }
    .bg-image img {
        margin-right: 0
    }
}

@media all and (max-width: 1280px) {
    .bg-image {
        width: 400px
    }
    #nicon {
        margin-bottom: -60px;
        margin-left: -78px;
        width: 166px;
    }
    /* Responsive boxes */
    .box-3 {
       top: 5em; 
    }
    .box-5{
        top: 12em;
    }
    .wrapper {
        flex-direction: column;
    }
}

@media all and (max-width: 1200px) {
    .wrapper {
        padding-left: 160px;
        padding-bottom: 150px
    }
}

@media all and (max-width: 1024px) {
    .text-container {
        max-width: 500px;
    }
    #signature {
        max-width: 100%;
    }
}

@media all and (max-width: 930px) {
    .bg-image { 
        width: 350px
    }
    .bg-image img.img-small {
        margin-right:-70px
    }
	.bg-image img.img-all {
        margin-right:-50px
    }
	.bg-image img.img-nova {
        margin-right:-90px 
    }
    #nicon {
        margin-bottom: -50px;
        margin-left: -68px;
        width: 145px;
    }
}

@media all and (max-width: 850px) {
    .bg-image {
        width: 310px
    }
    .wrapper {
        padding-left: 135px 
    }
    #nicon {
        margin-bottom: -45px;
        margin-left: -59px;
        width: 128px;
    }
}

@media all and (max-width: 770px) { 
    .bg-image {
        width: 330px
    }
    
    .bg-image img.mobile {
        display: inline
    }
    
    .bg-image img.desktop { 
        display: none
    }
    #fornugi {
        background: url() 0 0 no-repeat;
        background-size: 230px 43px;
        height: 43px;
        width: 400px;
        font-size: 26px;
    }
    #nicon {
        display: none;
    } 
    .tailorgang {
        top: 30em;
        left: 8em;
    }
    .box-3 {
        top: 9em;
        left: 1em;
    }
    .box-6 {
        right: 7em;
        top: 8em;
    }
}

@media all and (max-width: 700px) {
    .bg-image { 
        width: 310px 
    }
    .wrapper {
        padding-top: 160px;
        padding-left: 100px;
        padding-bottom: 100px;
    }
    .lt-ie9 #fornugi { 
        background-image: url();
    }
    #nicon {
        margin-left: -59px;
        width: 128px;
    }
}

@media all and (max-width: 600px) {
    .wrapper {
        padding-top: 160px;
        padding-left: 80px;
    }
    .text-container {
        max-width: 380px;
    } 
}

@media all and (max-width: 520px) {
    #nicon {
        margin-left: -59px;
        width: 128px;
    }
}

@media all and (max-width: 500px) {
    .wrapper{
        padding-top: 120px;
        padding-left: 36px;
    }
    .text-container {
        padding-right: 50px;
    }
}

@media all and (max-width: 449px) {
    #fornugi {
        background: url() 0 0 no-repeat;
        background-size: 190px 36px;
        height: 36px;
        font-size: 22px;
        width: 300px; /* 190px */
    }
    .lt-ie9 #fornugi {
        background-image: url();
    }
}

@media all and (max-width: 340px) {
    #fornugi {
        font-size: 18.5px;
    }
}

@media all and (max-width: 280px) {
    #fornugi {
        font-size: 16.5px;
    }
}