/*
 * Globals
 */
// @font-face {
//   font-family: 'urw_geometriclight';
//   src: url('../../fonts/urwgeometric/urwgeometric-light-webfont.woff2') format('woff2'),
//        url('../../fonts/urwgeometric/urwgeometric-light-webfont.woff') format('woff');
//   font-weight: normal;
//   font-style: normal;
// }

// @font-face {
//     font-family: 'urw_geometricregular';
//     src: url('../../fonts/urwgeometric/urwgeometric-regular-webfont.woff2') format('woff2'),
//          url('../../fonts/urwgeometric/urwgeometric-regular-webfont.woff') format('woff');
//     font-weight: normal;
//     font-style: normal;

// }

@font-face {
    font-family: 'urw_geometricextralight';
    src: url('../../fonts/urwgeometric/urwgeometric-extralight-webfont.woff2') format('woff2'),
         url('../../fonts/urwgeometric/urwgeometric-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* { outline: none !important; };

h2,h3, h4, h5, h6,
.h2,.h3, .h4, .h5, .h6 {
  font-family: 'urw_geometricextralight';
  letter-spacing: .5px;
}

p, a, li, body, i, input{
  font-family: 'urw_geometricextralight';
  letter-spacing: .5px;
}

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #000000;

}

.vcom-green{
  color: #8DC63F !important;
}

body {
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0,0,0,1);

  background: url(../../images/bg01.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  //-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  //        box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}

/*
 * Cover
 */

.cover {
  padding: 0 20px;
}

#containerLogo{
  position: relative;
}

#logo{
  width: 509px;
  height: 159px;
  margin-bottom: 210px;
}

p#adress{
  position: absolute;
  right: 123px;
  bottom: 0px;
  font-size: 17px;
  //background-color: #000;
  text-align: left;
  width: 300px;
  //line-height: 25px;
  text-decoration: none;
  color: white;
}

p#adress a{
  text-decoration: none;
  color: white;
}

@media screen and (max-width: 991px) {

  .cover-container {
    width: 730px;
  }

  #logo{
    width: 496px;
    height: 155px;
    margin-bottom: 180px;
  }

  p#adress{
    right: 88px;
    bottom: -20px;
  }

}

@media screen and (max-width: 767px) {

  .cover-container {
    width: 475px;
  }

  #logo{
    width: 323px;
    height: 101px;
    margin-bottom: 180px;
  }

  p#adress{
    right: 40px;
    bottom: 0px;
    font-size: 16px;
    //background-color: #000;
    width: 265px;
  }

}

@media screen and (min-width: 481px) {
.view480{
  display: none;
}
}

@media screen and (max-width: 480px) {

  .cover-container {
    width: 360px;
  }

  #logo{
    width: 243px;
    height: 76px;
    margin-bottom: 200px;
  }

  p#adress{
    width: 250px;
  }

}



/*
 * Footer
 */

.mastfoot {
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,1);
}


/*
 * Affix and center
 */


  /* Pull out the header and footer */
  .mastfoot {
    position: fixed;
    bottom: 0;
    left: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .mastfoot{
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }