.wi10{width:10%; }
.wi20{width:20%; }
.wi30{width:30%; }
.wi40{width:40%; }
.wi50{width:50%; }
.wi60{width:60%; }
.wi70{width:70%; }
.wi80{width:80%; }
.wi90{width:90%; }
.wi100{width:100%; }

.mat10{margin-top:10px; }
.mat20{margin-top:20px; }
.mat30{margin-top:30px; }
.mat40{margin-top:40px; }
.mat50{margin-top:50px; }
.mat60{margin-top:60px; }
.mat70{margin-top:70px; }
.mat80{margin-top:80px; }
.mat90{margin-top:90px; }
.mat100{margin-top:100px; }

.mab10{margin-bottom:10px; }
.mab20{margin-bottom:20px; }
.mab30{margin-bottom:30px; }
.mab40{margin-bottom:40px; }
.mab50{margin-bottom:50px; }
.mab60{margin-bottom:60px; }
.mab70{margin-bottom:70px; }
.mab80{margin-bottom:80px; }
.mab90{margin-bottom:90px; }
.mab100{margin-bottom:100px; }

.mal10{margin-left:10px; }
.mal20{margin-left:20px; }
.mal30{margin-left:30px; }
.mal40{margin-left:40px; }
.mal50{margin-left:50px; }
.mal60{margin-left:60px; }
.mal70{margin-left:70px; }
.mal80{margin-left:80px; }
.mal90{margin-left:90px; }
.mal100{margin-left:100px; }

.mar10{margin-right:10px; }
.mar20{margin-right:20px; }
.mar30{margin-right:30px; }
.mar40{margin-right:40px; }
.mar50{margin-right:50px; }
.mar60{margin-right:60px; }
.mar70{margin-right:70px; }
.mar80{margin-right:80px; }
.mar90{margin-right:90px; }
.mar100{margin-right:100px; }

.fl {float:left; }
.fr {float:right; }

.fw100 {font-weight: 100; }
.fw200 {font-weight: 200; }
.fw300 {font-weight: 300; }
.fw400 {font-weight: 400; }
.fw500 {font-weight: 500; }
.fw600 {font-weight: 600; }
.fw700 {font-weight: 700; }

.tal {text-align: left; }
.tac {text-align: center; }
.tar {text-align: right; }

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}