html,body {
  font-family: sans-serif;
  line-height: 1.15;
  margin: 0;
  padding: 0;
}

.main { text-align: justify; text-align: center; margin-top: 0px; margin-bottom: 110px; margin-left:5px; margin-right:5px;} 

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  text-align: center;
}



.cd-main-content::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}
@media only screen and (min-width: 1200px) {
  .cd-main-content::before {
    content: 'desktop';
  }
}
.cd-main-content {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  padding-top: 50px;
  background-color: #ffffff; /*#ffffff*/
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-main-content.nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
@media only screen and (min-width: 1200px) {
  .cd-main-content {
    padding-top: 80px; /* distance from banner to screen top 100*/
  }
  .cd-main-content.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.no-js .cd-main-content {
  padding-top: 0;
}
@media only screen and (min-width: 1200px) {
  .no-js .cd-main-content {
    padding-top: 80px;
  }
}




#start button[type="submit"] {
  font: 400 12px/16px, Helvetica, Arial, sans-serif;
}

#start {
  width: 320px;
  height: 320px;
  background: #FFFFFF;
  color: #fff;
  margin-top: 50px;
  left: 50%;
  transform: translate(-50%,-50%); 
  padding: 70px 40px;
  position: absolute;
}

#start fieldset {
  border: medium none !important;
  margin: 0 0 0px;
  padding: 0;
  width: 100%;
}

#start button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  background: #003366;
  text-align: center;
  color: #FFF;
  margin: 0% 0% 0px;
  padding: 10px;
  font-size: 18px;
  border-radius: 20px;
}

#start button[type="submit"]:hover {
  background: #22034b;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#start button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

#stop button[type="submit"] {
  font: 400 12px/16px, Helvetica, Arial, sans-serif;
}

#stop {
  width: 320px;
  height: 320px;
  background: #FFFFFF;
  color: #fff;
  margin-top: 50px;
  left: 50%;
  transform: translate(-50%,-50%); 
  padding: 70px 40px;
  position: absolute;
}

#stop fieldset {
  border: medium none !important;
  margin: 0 0 0px;
  padding: 0;
  width: 100%;
}

#stop button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  background: #003366;
  text-align: center;
  color: #FFF;
  margin: 0% 0% 0px;
  padding: 10px;
  font-size: 18px;
  border-radius: 20px;
}

#stop button[type="submit"]:hover {
  background: #22034b;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#stop button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

/*#contact input:focus,*/

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}