@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700|Staatliches');

body { font-size: 14px; font-family: 'Roboto', sans-serif; color: #333; }

h1 { margin: 0; padding: 0; font-size: 24px; font-family: 'Staatliches', cursive; color: #333;  }
h2 { margin: 0; padding: 0; font-size: 22px; font-family: 'Staatliches', cursive; color: #333; }
h3 { margin: 0; padding: 0; font-size: 18px; font-family: 'Staatliches', cursive; color: #333; }
h4 { margin: 0; padding: 0; font-size: 16px; font-family: 'Staatliches', cursive; color: #333; }
h5 { margin: 0; padding: 0; font-size: 14px; font-family: 'Staatliches', cursive; color: #333; }

.staat { font-family: 'Staatliches', cursive; }
.roboto { font-family: 'Roboto', sans-serif; }

.red { color: #c61008; }
.white { color: #fff; }
.black { color: #000; }
.blue { color: #009dff; }

.text-11 {
    font-size: 11px;
}

.text-12 {
    font-size: 12px;
}

.text-14 {
    font-size: 14px;
}

.text-16 {
    font-size: 16px;
}

.text-18 {
    font-size: 18px;
}

.text-20 {
    font-size: 20px;
}

.text-24 {
    font-size: 24px;
}

.text-26 {
    font-size: 26px;
}

.text-28 {
    font-size: 28px;
}

.text-30 {
    font-size: 30px;
}

.text-32 {
    font-size: 32px;
}

.text-36 {
    font-size: 36px;
}

.text-42 {
    font-size: 42px;
}

.text-48 {
    font-size: 48px;
}

.text-64 {
    font-size: 64px;
}

.position-fixed {
    position: fixed;
}

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.none {
    display: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}
.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.underline-hover:hover {
    text-decoration: underline;
}

.strong {
    font-weight: bold;
}

.font-100 {
    font-weight: 100;
}

.font-200 {
    font-weight: 200;
}

.font-300 {
    font-weight: 300;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

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

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

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

.align-justify {
    text-align: justify;
}

.valign-bottom {
    vertical-align: bottom;
}

.valign-middle {
    vertical-align: middle;
}

.valign-top {
    vertical-align: top;
}

.padding-60 {
    padding: 60px;
}

.padding-30 {
    padding: 30px;
}

.padding-20 {
    padding: 20px;
}

.padding-15 {
    padding: 15px;
}

.padding-10 {
    padding: 10px;
}

.padding-5 {
    padding: 5px;
}

.padding-0 {
    padding: 0;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-0 {
    padding-top: 0;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-0 {
    padding-bottom: 0;
}

.padding-left-60 {
    padding-left: 60px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-0 {
    padding-left: 0;
}

.padding-right-60 {
    padding-right: 60px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-0 {
    padding-right: 0;
}

.margin-60 {
    margin: 60px;
}

.margin-30 {
    margin: 30px;
}

.margin-15 {
    margin: 15px;
}

.margin-10 {
    margin: 10px;
}

.margin-5 {
    margin: 5px;
}

.margin-0 {
    margin: 0;
}

.margin-top-300 {
    margin-top: 300px;
}

.margin-top-160 {
    margin-top: 160px;
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-0 {
    margin-left: 0;
}

.margin-right-60 {
    margin-right: 60px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-0 {
    margin-right: 0;
}

.rounded {
    border-radius: 50%;
}

.cursor-pointer {
    cursor: pointer;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.radius-0 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.radius-2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.radius-3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.radius-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.radius-7 {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}