.uk-height-200{
    height: 200px;
}
.uk-height-240{
    height: 240px;
}
.uk-height-220{
    height: 220px;
}
.uk-height-180{
    height: 180px;
}
.uk-height-280{
    height: 280px;
}
.uk-height-100{
    height: 100px;
}
.uk-height-120{
    height: 120px;
}

.uk-padding-x-small{
    padding-left: 15px;
    padding-right: 15px;
}

.uk-padding-y-small{
    padding-top: 15px;
    padding-bottom: 15px;
}

.uk-padding-x-medium{
    padding-left: 40px;
    padding-right: 40px;
}

.uk-padding-y-small{
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 640px) {
    .uk-width-1-7\@s {
        width: calc(100% * 1 / 7.001);
    }
    .uk-width-2-7\@s {
        width: calc(100% * 2 / 7.001);
    }
    .uk-width-3-7\@s {
        width: calc(100% * 3 / 7.001);
    }
    .uk-width-4-7\@s{
        width: calc(100% * 4 / 7.001);
    }
    .uk-width-5-7\@s {
        width: calc(100% * 5 / 7.001);
    }
    .uk-width-6-7\@s {
        width: calc(100% * 6 / 7.001);
    }

    .uk-width-1-8\@s {
        width: calc(100% * 1 / 8.001);
    }
    .uk-width-2-8\@s {
        width: calc(100% * 2 / 8.001);
    }
    .uk-width-3-8\@s {
        width: calc(100% * 3 / 8.001);
    }
    .uk-width-4-8\@s {
        width: calc(100% * 4 / 8.001);
    }
    .uk-width-5-8\@s {
        width: calc(100% * 5 / 8.001);
    }
    .uk-width-6-8\@s {
        width: calc(100% * 6 / 8.001);
    }
    .uk-width-7-8\@s {
        width: calc(100% * 7 / 8.001);
    }

    .uk-width-1-10\@s {
        width: 10%;
    }
    .uk-width-2-10\@s {
        width: 20%;
    }
    .uk-width-3-10\@s {
        width: 30%;
    }
    .uk-width-4-10\@s {
        width: 40%;
    }
    .uk-width-5-10\@s {
        width: 50%;
    }
    .uk-width-6-10\@s {
        width: 60%;
    }
    .uk-width-7-10\@s {
        width: 70%;
    }
    .uk-width-8-10\@s {
        width: 80%;
    }
    .uk-width-9-10\@s {
        width: 90%;
    }
}

@media (min-width: 960px) {
    .uk-width-1-7\@m {
        width: calc(100% * 1 / 7.001);
    }
    .uk-width-2-7\@m {
        width: calc(100% * 2 / 7.001);
    }
    .uk-width-3-7\@m {
        width: calc(100% * 3 / 7.001);
    }
    .uk-width-4-7\@m{
        width: calc(100% * 4 / 7.001);
    }
    .uk-width-5-7\@m {
        width: calc(100% * 5 / 7.001);
    }
    .uk-width-6-7\@m {
        width: calc(100% * 6 / 7.001);
    }

    .uk-width-1-8\@m {
        width: calc(100% * 1 / 8.001);
    }
    .uk-width-2-8\@m {
        width: calc(100% * 2 / 8.001);
    }
    .uk-width-3-8\@m {
        width: calc(100% * 3 / 8.001);
    }
    .uk-width-4-8\@m {
        width: calc(100% * 4 / 8.001);
    }
    .uk-width-5-8\@m {
        width: calc(100% * 5 / 8.001);
    }
    .uk-width-6-8\@m {
        width: calc(100% * 6 / 8.001);
    }
    .uk-width-7-8\@m {
        width: calc(100% * 7 / 8.001);
    }

    .uk-width-1-10\@m {
        width: 10%;
    }
    .uk-width-2-10\@m {
        width: 20%;
    }
    .uk-width-3-10\@m {
        width: 30%;
    }
    .uk-width-4-10\@m {
        width: 40%;
    }
    .uk-width-5-10\@m {
        width: 50%;
    }
    .uk-width-6-10\@m {
        width: 60%;
    }
    .uk-width-7-10\@m {
        width: 70%;
    }
    .uk-width-8-10\@m {
        width: 80%;
    }
    .uk-width-9-10\@m {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .uk-width-1-7\@l {
        width: calc(100% * 1 / 7.001);
    }
    .uk-width-2-7\@l {
        width: calc(100% * 2 / 7.001);
    }
    .uk-width-3-7\@l {
        width: calc(100% * 3 / 7.001);
    }
    .uk-width-4-7\@l{
        width: calc(100% * 4 / 7.001);
    }
    .uk-width-5-7\@l {
        width: calc(100% * 5 / 7.001);
    }
    .uk-width-6-7\@l {
        width: calc(100% * 6 / 7.001);
    }
    .uk-width-1-8\@l {
        width: calc(100% * 1 / 8.001);
    }
    .uk-width-2-8\@l {
        width: calc(100% * 2 / 8.001);
    }
    .uk-width-3-8\@l {
        width: calc(100% * 3 / 8.001);
    }
    .uk-width-4-8\@l {
        width: calc(100% * 4 / 8.001);
    }
    .uk-width-5-8\@l {
        width: calc(100% * 5 / 8.001);
    }
    .uk-width-6-8\@l {
        width: calc(100% * 6 / 8.001);
    }
    .uk-width-7-8\@l {
        width: calc(100% * 7 / 8.001);
    }
    .uk-width-1-10\@l {
        width: 10%;
    }
    .uk-width-2-10\@l {
        width: 20%;
    }
    .uk-width-3-10\@l {
        width: 30%;
    }
    .uk-width-4-10\@l {
        width: 40%;
    }
    .uk-width-5-10\@l {
        width: 50%;
    }
    .uk-width-6-10\@l {
        width: 60%;
    }
    .uk-width-7-10\@l {
        width: 70%;
    }
    .uk-width-8-10\@l {
        width: 80%;
    }
    .uk-width-9-10\@l {
        width: 90%;
    }
}

@media (min-width: 1600px) {
    .uk-width-1-7\@xl {
        width: calc(100% * 1 / 7.001);
    }
    .uk-width-2-7\@xl {
        width: calc(100% * 2 / 7.001);
    }
    .uk-width-3-7\@xl {
        width: calc(100% * 3 / 7.001);
    }
    .uk-width-4-7\@xl{
        width: calc(100% * 4 / 7.001);
    }
    .uk-width-5-7\@xl {
        width: calc(100% * 5 / 7.001);
    }
    .uk-width-6-7\@xl {
        width: calc(100% * 6 / 7.001);
    }
    .uk-width-1-8\@xl {
        width: calc(100% * 1 / 8.001);
    }
    .uk-width-2-8\@xl {
        width: calc(100% * 2 / 8.001);
    }
    .uk-width-3-8\@xl {
        width: calc(100% * 3 / 8.001);
    }
    .uk-width-4-8\@xl {
        width: calc(100% * 4 / 8.001);
    }
    .uk-width-5-8\@xl {
        width: calc(100% * 5 / 8.001);
    }
    .uk-width-6-8\@xl {
        width: calc(100% * 6 / 8.001);
    }
    .uk-width-7-8\@xl {
        width: calc(100% * 7 / 8.001);
    }
    .uk-width-1-10\@xl {
        width: 10%;
    }
    .uk-width-2-10\@xl {
        width: 20%;
    }
    .uk-width-3-10\@xl {
        width: 30%;
    }
    .uk-width-4-10\@xl {
        width: 40%;
    }
    .uk-width-5-10\@xl {
        width: 50%;
    }
    .uk-width-6-10\@xl {
        width: 60%;
    }
    .uk-width-7-10\@xl {
        width: 70%;
    }
    .uk-width-8-10\@xl {
        width: 80%;
    }
    .uk-width-9-10\@xl {
        width: 90%;
    }
}

.uk-width-1-7 {
    width: calc(100% * 1 / 7.001);
}
.uk-width-2-7 {
    width: calc(100% * 2 / 7.001);
}
.uk-width-3-7 {
    width: calc(100% * 3 / 7.001);
}
.uk-width-4-7{
    width: calc(100% * 4 / 7.001);
}
.uk-width-5-7 {
    width: calc(100% * 5 / 7.001);
}
.uk-width-6-7 {
    width: calc(100% * 6 / 7.001);
}

.uk-width-1-10 {
    width: 10%;
}
.uk-width-2-10 {
    width: 20%;
}
.uk-width-3-10 {
    width: 30%;
}
.uk-width-4-10 {
    width: 40%;
}
.uk-width-5-10 {
    width: 50%;
}
.uk-width-6-10 {
    width: 60%;
}
.uk-width-7-10 {
    width: 70%;
}
.uk-width-8-10 {
    width: 80%;
}
.uk-width-9-10 {
    width: 90%;
}

.uk-width-1-8 {
    width: calc(100% * 1 / 8.001);
}
.uk-width-2-8 {
    width: calc(100% * 2 / 8.001);
}
.uk-width-3-8 {
    width: calc(100% * 3 / 8.001);
}
.uk-width-4-8 {
    width: calc(100% * 4 / 8.001);
}
.uk-width-5-8 {
    width: calc(100% * 5 / 8.001);
}
.uk-width-6-8 {
    width: calc(100% * 6 / 8.001);
}
.uk-width-7-8 {
    width: calc(100% * 7 / 8.001);
}