html {
 min-height: 100%;
}

body {
 background: #ffffff;
/*
 background-image: url('/images/fields.jpg');
 background-repeat: no-repeat;
 background-size: 100%;
 background-position: center;
 background-attachment: fixed;
 background-size: cover;
 height: 100%;
*/
}

.cover {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #ffffff;
 opacity:  0.9;
 z-index: 1;
}

.spacer {
 margin-top: 1em;
 margin-bottom: 1em;
 width: 100%;
}

.mainlogo {
 margin-top: 2em;
/* display: inline-block; */
 margin-left: auto;
 margin-right: auto;
 width: 50%;
 max-width: 750px;
 min-width: 200px;
 text-align: center;
}

.mainlogoimage {
 max-width: 100%;
 object-fit: cover;
}

.maincontainerimage {
 max-width: 100%;
 object-fit: cover;
}


/*
div.logodiv {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
*/

#maincontainer {
 z-index: 2;
 margin-left: auto;
 margin-right: auto;
 width: 50%;
/* position:absolute; */
 /* text-align: center; */
    top:0;
    left:0;
    right:0;
    overflow:hidden;
   /* 
    background: rgba(255, 255, 255, 0.7);
   */
}

.mainheader {
 overflow: hidden;
 position: relative;
 width: 100%;
 margin-top: 1em;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1em;
 text-align: center;
 color: #000000;
 font-family: arial,helvetica;
 font-size: 2em;
}


.maintext {
 overflow: hidden;
 position: relative;
 width: 100%;
 margin-top: 2em;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1em;
 color: #000000;
 font-family: arial,helvetica;
 font-size: 1em;
 line-height: 1.3;
}


.footer {
 margin-top: 3em;
 margin-bottom: 2em;
 width: 100%;
 text-align: center;
 color: #000000;
 font-size: 0.9em;
 font-family: arial,helvetica;
}


.subheader {
 overflow: hidden;
 position: relative;
 /*  
 position: absolute;
 padding: 1em;
 background: #664444; 
 */
 /*
 background: #ffffff;
 opacity: 0.65;
 */
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1em;
 text-align: center;
 color: #000000;
 font-family: arial,helvetica;
 font-size: 2em;
}

h2 {
 font-family: arial,helvetica;
 font-size: 1.2em;
}

.subheadercontent {
 text-align: left;
 padding: 1em 1em 1em 2.5em;
 margin-bottom: 1em; 
}

.leftsubheader {
 height: 100%;
 position: absolute;
 width: 1.5em;
}

.downloadbutton {
 background: #3333aa;
 color: #ffffff;
 font-family: arial,helvetica;
 font-size: 1em;
 text-align: center;
 padding: 10px;
 width: 20%;
 min-width: 150px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 3em;
}

.downloadbutton:hover {
 background: #222299;
}

/* MEDIA SPECIFIC CSS */

/*
@media screen and (max-width: 1024px) {
  #mainheader {
   margin-top: 4em;
   font-size: 3em;
  }
}

@media screen and (max-width: 800px) {
  #mainheader {
   margin-top: 4em;
   font-size: 2.5em;
  }
}
*/


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

 .mainlogo {
  width: 50%;
 }

 #maincontainer {
  width: 65%;
 }
}


@media screen and (max-width: 1024px) {
  #mainheader {
   margin-top: 4em;
   font-size: 2em;
  }

 .mainlogo {
  width: 70%;
 }

 #maincontainer {
  width: 85%;
 }
}