/* body */
body {
  margin: 0;
  padding: 0;
  width: 100% !important;
  max-width: none;
}

/* elements */
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  border: none;
  font-weight: 400;
  text-shadow: none !important;
}
p,
blockquote,
hr,
ul,
ol,
li,
table,
tr,
th,
td,
label {
  margin: 0;
  padding: 0;
}
input,
select,
button,
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}
input[type="submit"] {
  display: inline-block;
  background-color: #555;
  border-radius: 0;
  color: #FFF;
  text-decoration: none;
  padding: 0;
  font-family: arial, sans-serif;
  width: auto;
  border: none;
  transition: background-color 0.25s ease-out;
}
input[type="submit"]:hover {
  background-color: #333;
}
input[type=button],
input[type=submit],
input[type=reset],
input[type=radio],
input[type=checkbox] {
  width: auto;
}
header,
nav,
article,
footer,
address,
section,
form,
object,
embed,
audio {
  display: block;
  margin: 0;
  padding: 0;
}
object:focus,
embed:focus,
object:active,
embed:active {
  outline: none;
}
img {
  margin: 0;
  padding: 0;
  border: none;
}
iframe {
  border: none;
}
fieldset {
  clear: both;
  padding: 0;
  margin: 0;
  border: none;
}
a:link,
a:visited {
  transition: color 0.25s ease-out;
}
li {
    list-style-position: outside;
}

/* utility classes */
.clear {
  clear: both;
  display: block;
}
.left {
  float: left;
}
.right {
  float: right;
}
.hide {
  display: none;
}