html { 
  /*background: url(bg.png);*/
  
   width:100%; 
   height:100%; 

  }




body {font-family: 'Catamaran', sans-serif;/* overflow:hidden; *//* width: 100%; */font-size: 15px;line-height: 19px;color: #777777;/* height: 100vh; *//* height: 100vh; */position: relative;border-style: solid;/* border-width: 17px; */border-color: white;/* padding: 20px 20px 20px 20px; */}

.bgImage {border-color: white;background: url(../img/bgdesk.jpg) no-repeat left bottom;width: 100%;height: 100%;position: fixed;/* background-position-y: center; */z-index: -1000;/* padding: 20px; */background-size: cover;margin-left: auto;margin-right: auto;border-width: 17px;border-style: solid;}


.application {

  width: 100%;
  padding: 2%;
}

.application h1 {font-size: 30px;}


.logoTop {position: relative;padding: 20px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */box-sizing: border-box;overflow: hidden;/* margin-right: 10px; */max-width: 400px;background-color: white;}


.logoTop img {width: 100%;margin-right: 10px;}

.dots {
/*width: 98%;*/
position: fixed;
bottom: 3%;
z-index: -1000;

}

.introContainer {width: 100%;/* background-color: #ffffffdb; *//* background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)); *//* background: linear-gradient(0deg, rgba(255,255,255,0.8), rgba(255,255,255,1)); */}


.intro {max-width: 400px;position: relative;top: -20px;padding: 20px 21px 25px 21px;margin-right: auto;background-color: white;}

.intro--chain {
    min-width: 100%!important;
    /* background-color: #f5f5f5e0; */
    margin-top: 30px;
    font-size: 16px;
    /* box-shadow: 10px 10px #888888; */
    /* margin-left: 19px; */
    /* text-align: center; */
    color: black;
    }
.intro--chain h1 {font-size: 30px;line-height: 1.5;color: black;padding-bottom: 10px;font-weight: 700;}

.intro a {

  text-decoration: underline;
  color: #777777;
}

.intro a:hover {

  text-decoration: underline;
  color: #111111;
}

.dots img {

  width: 97%;
  margin-right: auto;
  margin-left: auto;
  display: block;
    height:auto;


}

*, *:before, *:after {
  box-sizing: border-box;
}






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

.bgImage {  box-sizing: border-box;    

}

.bgImage {border-color: white;background: url(../img/bgtablet2.jpg) no-repeat left bottom !important;width: 100%;height: 100%;position: fixed;/* background-position-y: center; */z-index: -1000;/* padding: 20px; */background-size: cover;margin-left: auto;margin-right: auto;border-width: 13px;border-style: solid;}



}

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

.bgImage {  box-sizing: border-box;    

}

.bgImage {border-color: white;background: url(../img/bgmob.jpg) no-repeat left bottom !important;width: 100%;height: 100%;position: fixed;/* background-position-y: center; */z-index: -1000;/* padding: 20px; */background-size: cover;margin-left: auto;margin-right: auto;border-width: 17px;border-style: solid;}



}