.mainImg {
  position: relative;
  margin-top: 20px; }
  .mainImg > img {
    width: 100%; }
  .mainImg > a {
    text-decoration: none;
    color: #FFF; }
    .mainImg > a > .bannerCap {
      position: absolute;
      width: 100%;
      bottom: 50%;
      text-align: center;
      transform: translateY(50%); }
      .mainImg > a > .bannerCap > h1 {
        text-transform: uppercase;
        font-size: 30px; }
      .mainImg > a > .bannerCap > h2 {
        font-size: 18px; }
        .mainImg > a > .bannerCap > h2 > img {
          width: 12px; }
      .mainImg > a > .bannerCap.alt {
        bottom: 10px;
        transform: translateY(0%); }
        .mainImg > a > .bannerCap.alt > h1 {
    font-size: 36px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    color: #8107F8;
}

.content > h2 {
  font-size: 22px;
  /*text-align: center;*/ }
.content > p {
    margin: 10px 0 -5px;
    font-size: 13.5px;
    color: #333333;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.content > a {
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  text-decoration: none;
  color: #404040;
  float: right; }
  .content > a > img {
    width: 16px; }

footer {
  position: absolute;
  width: 250px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px; }
  footer > a > img {
    padding: 5px 2px;
    width: 40px; }
    footer > a > img.big {
      padding: 0;
      width: 50px; }

header > .logo {
  width: 100%; }
  header > .logo > a > img {
    width: 100%; }

.menu {
  width: 75%;
  margin: 25px 10%; }
  .menu > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #555; }
    .menu > a > .menuItem {
      position: relative;
      width: 100%;
      text-align: center;
      font-size: 22px;
      line-height: 40px; }
      .menu > a > .menuItem:before {
        content: "";
        position: absolute;
        display: block;
        height: 0;
        width: 60%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
      .menu > a > .menuItem:after {
        content: "";
        position: absolute;
        display: block;
        height: 0;
        width: 95%;
        bottom: 0;
        border-bottom: 1px solid #b2b2b2; }

/*@font-face {
    font-family: FUTURALC;
    src: url(Style/Fonts/FUTURALC.TTF);
    src: url(Style/Fonts/FUTURALC.woff);
}*/
html, body {
  width: 100%;
  height: 100%;
  font-family: 'Varela Round', Futura,Trebuchet MS,Arial,sans-serif;
  overflow-x: hidden; }

html, body, h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: x-large;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

p {
  font-size: 11px; }

/*a{
    color:#555;
    &:hover{
        color:#000;
        text-decoration:underline;
    }
    >img, >div>img,>span>img{
        border:0;
    }
}*/
.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.container {
  width: 94%;
  padding: 3%; }
