.w100 {width: 100px}
.w200 {width: 200px}
.w300 {width: 300px}
.w400 {width: 400px}
.w500 {width: 500px}
.w600 {width: 600px}
.w700 {width: 700px}
.w800 {width: 800px}
.w900 {width: 900px}

.w100-10 {width: calc(100px - 10px)}
.w200-10 {width: calc(200px - 10px)}
.w300-10 {width: calc(300px - 10px)}
.w400-10 {width: calc(400px - 10px)}
.w500-10 {width: calc(500px - 10px)}
.w600-10 {width: calc(600px - 10px)}
.w700-10 {width: calc(700px - 10px)}
.w800-10 {width: calc(800px - 10px)}
.w900-10 {width: calc(900px - 10px)}
.w1000-10 {width: calc(1000px - 10px)}

.w100-20 {width: calc(100px - 20px)}
.w200-20 {width: calc(200px - 20px)}
.w300-20 {width: calc(300px - 20px)}
.w400-20 {width: calc(400px - 20px)}
.w500-20 {width: calc(500px - 20px)}
.w600-20 {width: calc(600px - 20px)}
.w700-20 {width: calc(700px - 20px)}
.w800-20 {width: calc(800px - 20px)}
.w900-20 {width: calc(900px - 20px)}
.w1000-20 {width: calc(1000px - 20px)}

.container {
    width: calc(100% - 20px);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
}

.middle-items {
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
}