/* Responsee Framework Base */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.line {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  clear: both;
}

.line:after {
  content: "";
  display: table;
  clear: both;
}

/* Grid System */
.s-12 { width: 100%; float: left; }

@media screen and (min-width: 768px) {
  .m-6 { width: 50%; float: left; }
  .m-12 { width: 100%; float: left; }
}

@media screen and (min-width: 992px) {
  .l-2 { width: 16.66666667%; float: left; }
  .l-6 { width: 50%; float: left; }
  .l-10 { width: 83.33333333%; float: left; }
  .l-12 { width: 100%; float: left; }
}

/* Helpers & Utilities */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-white { color: #ffffff !important; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-bottom-20 { margin-bottom: 20px; }
.center { display: block; margin-left: auto; margin-right: auto; }