html,
body {                      
  margin: 0;
  padding: 0;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
 
ol,
ul {
  margin: 0;
  padding: 0;
}

*,
*::after,
*::before {
  vertical-align: baseline;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
 
:hover,
:active,                                                                                                                                                      
:focus {
  outline-width: 0;
}
 
a { color: inherit; }
 
button {
  background-color: transparent;
  border: none;
}
 
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.col-1 { width: 8.33%; }
.col-2 { width: 16.66%; }
.col-3 { width: 25%; }
...
.col-12 { width: 100%; }

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

.text-left    { text-align: left; }
.text-center  { text-align: center; }
.text-right   { text-align: right; }