body {
 background: url('../images/Background.png') no-repeat center top fixed;
 background-color: #000000;
 background-size: 80%;
 color:#ffffff;
}

* {
  box-sizing: border-box;
}
.cadre {
	 margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
    height: auto;
}
.logo {
   padding-top: 25px;
   padding-left: 46px;
   padding-bottom: 18px;
   float: left;
   max-width: 80%;
}
.logoimg {
   max-width: 80%;
   height: auto;
   border: 0;
}
.cadre2 {
    clear: both;
	 margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
    max-height: 542px;
}
.cadre-button {
    margin-left: auto;
    margin-right: auto;
    max-width: 1125px;
    max-height: 542px;
}
.button {
  float: left;
  max-width: 33%;
}
.buttonimg {
   max-width: 100%;
   height: auto;
   border: 0;
}
.cadre3 {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
    max-height: 99px;
}
.cadre-link {
	 padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1125px;
    max-height: 99px;
}
.indiegogon {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    max-height: 542px;
}
.pdf_code {
   max-width: 100%;
   height: auto;
   border: 0;
}
.coming {
	 padding-bottom: 270px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1125px;
    max-height: 542px;
}
.comingsoon {
   max-width: 58%;
   height: auto;
   border: 0;
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

.imgAbout img {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.imgAbout img:hover {
  opacity: 0.6;
}