/*#region Reset and Basics */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
.clearfix:before,
header:before,
nav:before,
.row:before {
  content: " ";
  display: table;
}
.clearfix:after,
header:after,
nav:after,
.row:after {
  clear: both;
  content: " ";
  display: table;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  min-width: 320px;
}
a {
  background: transparent;
  cursor: pointer;
}
a:focus {
  outline: 0;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
  vertical-align: bottom;
}
button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
nav ul,
nav ol {
  list-style: none;
  padding: 0;
  width: 100%;
}
nav a {
  text-decoration: none;
}
/*#endregion */
/*#region Responsive Utilities */
header {
  width: 100%;
}
.container {
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1040px) {
  .container {
    width: 1010px;
    margin: 0 auto;
  }
}
footer {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1039px) {
  .hidden-md {
    display: none;
  }
}
@media (min-width: 1040px) {
  .hidden-lg {
    display: none;
  }
}
/*#endregion */