body {

}
a:link {color: black;}      /* unvisited link */
a:visited {color: black;}   /* visited link */
a:hover {color: black;}     /* mouse over link */
a:active {color: black;}    /* selected link */

.between {
  height: 100%;
  width: 1.5%;
  position: relative;
  float: left;
}

.between_small {
  height: 100%;
  width: 1%;
  position: relative;
  float: left;
}

.welcome_text {
margin-left: 30%;
margin-top: 37%;
width: 60%;
height: 40%;
float: left;
/*  */
}

h1 {
  font-size: 40px;
  line-height: 44px;
}
h2 {
  font-size: 18px;
}
.bodytext-date {
  font-size: 12px;

}
.bodytext {
  font-size: 14px;
   line-height:20px;
}
.bodytext-grey {
  font-size: 14px;
/* color: grey; */
   line-height:20px;
   font-style: italic;
}

.home-bodytext {
  font-size: 20px;
   line-height:26px;
}

.text2 {
padding-left: 15px;
margin-top: 300px;
width: 280px;
height: 300px;
float: left;

}

.video1 {
  width: 74%;
  height: 62%;
  margin-left: 0;
  margin-top: 2%;
  position: relative;
}

.video2 {
  width: 34%;
  height: 28%;
  margin-left: 57%;
  margin-top: 2%;
  position: relative;
}


.textbox1 {
  width: 16%;
  height: 29%;
  position: relative;
  margin-left: 76%;
  margin-top: -35%;
}

.textbox2 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 73%;
  margin-top: 47.5%;
}

.textbox3 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 76%;
  margin-top: 43%;
}

.textbox4 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 74%;
  margin-top: -13%;
}

.textbox5 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 72%;
  margin-top: -13%;
}

.textbox6 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 70%;
  margin-top: -10%;
}

.textbox7 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 76%;
  margin-top: 45.5%;
}

.textbox8 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 73%;
  margin-top: 49%;
}
.textbox9 {
  width: 20%;
  height: 29%;
  position: relative;
  margin-left: 72%;
  margin-top: -10%;
}



.textbox101 {
  width: 100%;
  height: 30%;
  position: relative;
  margin-left: 0%;
  margin-top: 12%;
}

.textbox102 {
  width: 100%;
  height: 50%;
  position: relative;
  margin-left: 0%;
  margin-top: 5%;
}





.video21 {
  width: 65%;
  height: 56%;
/*  background-color: black; */
  margin-top: 22%;
  margin-left: 6%;
  position: relative;
  float: left;
}

.video61 {
  width: 51%;
  height: 42%;
  margin-left: 17%;
  margin-top: 4%;
  position: relative;
}

.video62 {
  width: 51%;
  height: 42%;
  margin-left: 17%;
  margin-top: 1%;
  position: relative;
}




.image21 {
  width: 25%;
  height: 22%;
  margin-top: 22%;
  position: relative;
  float: left;
  margin-top: 6%;
  margin-left: -25%;
}

.image41 {
  width: 64%;
  height: 72%;
  margin-left: 8%;
  margin-top: 8%;
  position: relative;
}

.image51 {
  width: 32%;
  height: 72%;
  margin-left: 5%;
  margin-top: 8%;
  position: relative;
}
.image52 {
  width: 32%;
  height: 72%;
  margin-left: 1%;
  margin-top: 8%;
  position: relative;
}

.video31 {
  width: 74%;
  height: 62%;
  margin-top: 12%;
  position: relative;
  float: left;
}

.video81 {
  width: 72%;
  height: 67%;
  margin-top: 12%;
  position: relative;
  float: left;
}


.container {
/* width: 19200px; */
width: 20300px;
height: 1200px;
/* background-color: pink; */
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
}

.box {
  height: 100%;
  width: 1800px;
/*  background-color: blue; */
  float: left;
  font-family: nimbus-sans, sans-serif;
/*     border-style: solid; */

}

.halfbox {
  height: 100%;
  width: 900px;
  float: left;
  font-family: nimbus-sans, sans-serif;
}

.thirdbox {
  height: 100%;
  width: 600px;
  float: left;
  font-family: nimbus-sans, sans-serif;
}

.threequarterbox {
  height: 100%;
  width: 1250px;
  float: left;
  font-family: nimbus-sans, sans-serif;

}

@media only screen and (max-height: 1200px) {
  .container {
  width: 16900px;
  height: 1000px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  }

  .box {
    height: 100%;
    width: 1500px;
    float: left;
    font-family: nimbus-sans, sans-serif;
  }

  .halfbox {
    height: 100%;
    width: 750px;
    float: left;
    font-family: nimbus-sans, sans-serif;
  }

  .thirdbox {
    height: 100%;
    width: 500px;
    float: left;
    font-family: nimbus-sans, sans-serif;
  }

  .threequarterbox {
    height: 100%;
    width: 1000px;
    float: left;
    font-family: nimbus-sans, sans-serif;
  }

  .textbox1 {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: -35%;
  }

  .textbox2 {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 73%;
    margin-top: 45%;
  }

  .textbox3 {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 42%;
  }

  .textbox4 {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 74%;
    margin-top: -15%;
  }

  .textbox5 {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -14%;
  }

  .textbox6
  {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 70%;
    margin-top: -12%;
  }

  .textbox7
  {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 45%;
  }

  .textbox8 {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 73%;
    margin-top: 49%;
  }

  .textbox9 {
    width: 18%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -13%;
  }


  .textbox101 {
    width: 100%;
    height: 30%;
    position: relative;
    margin-left: 0%;
    margin-top: 12%;
  }

  .textbox102 {
    width: 100%;
    height: 50%;
    position: relative;
    margin-left: 0%;
    margin-top: 5%;
  }



  .welcome_text {
  margin-left: 30%;
  margin-top: 37%;
  width: 60%;
  height: 40%;
  float: left;
  }

}


@media only screen and (max-height: 1000px) {
  .container {
  width: 13700px;
  height: 800px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  }

  h1 {
    font-size: 35px;
    line-height: 38px;
  }


  .box {
    height: 100%;
    width: 1200px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }

  .halfbox {
    height: 100%;
    width: 600px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .threequarterbox {
    height: 100%;
    width: 800px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .textbox1
  {
    width: 22%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: -41%;

  }

  .textbox2 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 73%;
    margin-top: 40%;
  }

  .textbox3 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 37%;
  }

  .textbox4 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 74%;
    margin-top: -19%;
  }

  .textbox5 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -19%;
  }

  .textbox6
  {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 70%;
    margin-top: -17%;
  }

  .textbox7
  {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 41%;
  }
  .textbox8 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 73%;
    margin-top: 45%;
  }
  .textbox9 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -16%;
  }


  .textbox101 {
    width: 100%;
    height: 30%;
    position: relative;
    margin-left: 0%;
    margin-top: 9%;
  }
  .textbox102 {
    width: 100%;
    height: 30%;
    position: relative;
    margin-left: 0%;
    margin-top: 9%;
  }

  .welcome_text {
  margin-left: 30%;
  margin-top: 34%;
  width: 60%;
  height: 40%;
  float: left;
  /*  */
  }

}

@media only screen and (max-height: 800px) {
  .container {
  width: 10900px;
  height: 600px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  }

  h1 {
    font-size: 24px;
    line-height: 26px;
  }
  h2 {
    font-size: 18px;
  }
  .box {
    height: 100%;
    width: 900px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .halfbox {
    height: 100%;
    width: 450px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .threequarterbox {
    height: 100%;
    width: 675px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }

  .textbox1
  {
    width: 30%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: -44%;
  }

  .textbox2 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 73%;
    margin-top: 29%;
  }

  .textbox3 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 28%;
  }

  .textbox4 {
    width: 22%;
    height: 29%;
    position: relative;
    margin-left: 74%;
    margin-top: -27%;
  }

  .textbox5 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -30%;
  }

  .textbox6
  {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 70%;
    margin-top: -27%;
  }

  .textbox7
  {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 32%;
  }
  .textbox8 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 73%;
    margin-top: 39%;
  }

  .textbox9 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -25%;
  }

  .textbox101 {
    width: 100%;
    height: 30%;
    position: relative;
    margin-left: 0%;
    margin-top: 9%;
  }

  .textbox102 {
    width: 100%;
    height: 50%;
    position: relative;
    margin-left: 60%;
    margin-top: -39%;
  }



  .welcome_text {
  margin-left: 30%;
  margin-top: 30%;
  width: 60%;
  height: 40%;
  float: left;
  /*  */
  }
}

@media only screen and (max-height: 600px) {
  .container {
  width: 8700px;
  height: 500px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  }
  .box {
    height: 100%;
    width: 750px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .halfbox {
    height: 100%;
    width: 375px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .threequarterbox {
    height: 100%;
    width: 475px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }

  .bodytext-date {
    font-size: 10px;

  }
  .bodytext {
    font-size: 12px;
     line-height:16px;
  }
  .bodytext-grey {
    font-size: 10px;
     line-height:16px;
  }
  .welcome_text {
  margin-left: 30%;
  margin-top: 35%;
  width: 60%;
  height: 40%;
  float: left;
  /*  */
  }
  h1 {
    font-size: 18px;
    line-height: 20px;
  }
  h2 {
    font-size: 18px;
  }

  .textbox1
  {
    width: 22%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: -54%;
  }

  .textbox2 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 73%;
    margin-top: 27%;
  }

  .textbox3 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 25%;
  }

  .textbox4 {
    width: 22%;
    height: 29%;
    position: relative;
    margin-left: 74%;
    margin-top: -30%;
  }

  .textbox5 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -34%;
  }

  .textbox6
  {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 70%;
    margin-top: -28%;
  }

  .textbox7
  {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 76%;
    margin-top: 31%;
  }
  .textbox8 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 74%;
    margin-top: 38%;
  }

  .textbox9 {
    width: 20%;
    height: 29%;
    position: relative;
    margin-left: 72.5%;
    margin-top: -27%;
  }

  .textbox101 {
    width: 100%;
    height: 30%;
    position: relative;
    margin-left: 0%;
    margin-top: 9%;
  }

  .textbox102 {
    width: 100%;
    height: 50%;
    position: relative;
    margin-left: 60%;
    margin-top: -34%;
  }


}


@media only screen and (max-height: 375px) {
  .container {
  width: 6050px;
  height: 300px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  }
  .box {
    height: 100%;
    width: 450px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .halfbox {
    height: 100%;
    width: 225px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }
  .threequarterbox {
    height: 100%;
    width: 400px;
    float: left;
    font-family: nimbus-sans, sans-serif;

  }

.bodytext-date {
  font-size: 9px;

}
.bodytext {
  font-size: 10px;
   line-height:13px;
}
.bodytext-grey {
  font-size: 10px;
   line-height:14px;
}
.video2 {
  width: 34%;
  height: 28%;
  margin-left: 40%;
  margin-top: 2%;
  position: relative;
}
.welcome_text {
margin-left: 30%;
margin-top: 16%;
width: 60%;
height: 40%;
float: left;

}
h1 {
  font-size: 15px;
}
h2 {
  font-size: 15px;
}
.between {
  height: 100%;
  width: 2%;
  position: relative;
  float: left;
}


.between_small {
  height: 100%;
  width: 2%;
  position: relative;
  float: left;
}

.textbox1
{
  width: 30%;
  height: 29%;
  position: relative;
  margin-left: 77%;
  margin-top: -46%;
}

.textbox2 {
  width: 30%;
  height: 29%;
  position: relative;
  margin-left: 74%;
  margin-top: 17%;
}

.textbox3 {
  width: 30%;
  height: 29%;
  position: relative;
  margin-left: 77%;
  margin-top: 21%;
}

.textbox4 {
  width: 34%;
  height: 29%;
  position: relative;
  margin-left: 75%;
  margin-top: -39%;
}

.textbox5 {
  width: 25%;
  height: 29%;
  position: relative;
  margin-left: 74%;
  margin-top: -50%;
}

.textbox6
{
  width: 30%;
  height: 29%;
  position: relative;
  margin-left: 71%;
  margin-top: -36%;
}

.textbox7
{
  width: 30%;
  height: 29%;
  position: relative;
  margin-left: 77%;
  margin-top: 23%;
}
.textbox8 {
  width: 30%;
  height: 29%;
  position: relative;
  margin-left: 75%;
  margin-top: 31%;
}

.textbox9 {
  width: 30%;
  height: 29%;
  position: relative;
  margin-left: 74%;
  margin-top: -34%;
}

.textbox101 {
  width: 100%;
  height: 30%;
  position: relative;
  margin-left: 0%;
  margin-top: 1%;
}

.textbox102 {
  width: 100%;
  height: 50%;
  position: relative;
  margin-left: 45%;
  margin-top: -21%;
}


}