/*** Variables ***/
/*** Variables ***/
/*** Mixins ***/
/*** Helpers ***/
/* Displays */
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-inblock {
  display: inline-block !important;
  *display: inline !important;
  *zoom: 1 !important;
}
/* Clearfix */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
/* Floats */
.fl-left {
  float: left !important;
}
.fl-right {
  float: right !important;
}
.fl-none {
  float: none !important;
}
/* Margins */
/* Paddings */
/* Font Sizes */
/* Font Styles */
.italic {
  font-style: italic !important;
}
.bold {
  font-weight: bold !important;
}
.normal {
  font-weight: normal !important;
}
/*** Helpers ***/
/*** Common Elements ***/
body {
  font-family: Arial;
}
a:focus,
a:active {
  outline: none;
  color: inherit;
  text-decoration: none;
}
p {
  margin: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
/*** Common Elements ***/
/*** Layout ***/
/*** Layout ***/
/*** Titles ***/
.title-main,
.title-sub,
.title-small {
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}
.title-main {
  font-size: 24px;
  letter-spacing: 0.5em;
  margin-top: 20px;
}
.title-sub {
  font-size: 10px;
  letter-spacing: 0.5em;
  margin-top: 11px;
}
.title-small {
  font-size: 13px;
  color: #4d2037;
  letter-spacing: 0.1em;
  margin-top: 50px;
  font-weight: bold;
}
/*** Titles ***/
/*** Text ***/
/*** Text ***/
/*** Labels ***/
/*** Labels ***/
/*** Forms ***/
/*** Forms ***/
/*** Links ***/
/*** Links ***/
/*** Containers ***/
.container-main {
  max-width: 1200px;
  margin: 0 auto;
}
.container-logo {
  float: left;
  width: 66%;
}
.container-image {
  float: left;
  width: 34%;
}
.logo {
  margin: 20% auto 0 auto;
}
/*** Containers ***/
/*** Buttons ***/
/*** Buttons ***/
/*** Icons ***/
/*** Icons ***/
/*** Misc ***/
/*** Misc ***/
/*** Media Queries ***/
@media screen and (max-width: 1200px) {
  .container-logo {
    float: none;
    width: 90%;
    padding: 0 5%;
  }
  .container-image {
    float: none;
    width: 100%;
  }
  .container-image img {
    margin: 0 auto;
  }
  .logo {
    margin-top: 20px;
  }
  .title-main {
    font-size: 28px;
  }
  .title-small {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
/*** Media Queries ***/