body {
  background-color:#ffffff;
  color:#000000;
  width:100%;
  height:auto;
  margin:0px auto;
  font-family:Arial;
}

header {
}

a{
  text-decoration:none;
  color:#ffffff;
}



@font-face {
    font-family: 'blowbrush';
    src: url('fonts/blowbrush.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'blowbrush';
    src: url('fonts/blowbrush.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blowbrush';
    src: url('fonts/blowbrush.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'blowbrush';
    src: url('fonts/blowbrush.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blowbrush';
    src: url('fonts/blowbrush.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



#navbar
{
  background-color:#ffffff;
  width:100%;
  height:60px;
  position:fixed;
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
  z-index:99;
}

#navbox{
  width:80%;
  height:100%;
  margin:0px auto;
}

.logobox{
  width:30%;
  right:0px;
  margin:0px auto;
  height:60px;
  float:left;
  padding-top:13px;
}
.logobox img{
height:60px;
width:auto;
}

.navlinks{
  width:70%;
  right:0px;
margin:0px auto;
float:left;
}

.navlinks ul{
  list-style:none;
  margin:21px;
  padding:0;
    text-align:right;
}

.navlinks li{
  display:inline-block;
  padding-left:15px;
  padding-right:15px;
}
.navlinks li a{
  text-decoration:none;
  color:#004387;
  text-transform:uppercase;
  font-size:13px;
  opacity:0.6;
  transition:0.3s;
  font-weight:bold;
}
.navlinks li a:hover,
.navlinks li a:active{
  opacity:1;
  transition:0.3s;
  color:#4894d1;
}

.dropdown{
  display:none;
  width: 50px;
position: absolute;
right: 5%;
}
.dropdown ul{
  visibility:hidden;
  opacity:0;
  transition:0.3s;
  background-color:#ffffff;
  list-style:none;
  padding:10px;
  margin:0;
  position: absolute;
  right: -14%;
  width: 95px;
  padding-top:20px;
}

.dropdown li{
  padding-bottom:5px;
  padding-top:5px;
}
.dropdown ul li a{
  text-decoration:none;
  color:#4894d1;
  transition:0.3s;
  text-transform:uppercase;
  font-size:0.8em;
}
.dropdown ul li a:hover{
  padding-right:5px;
  transition:0.3s;
  opacity:0.5;
}
.dropdown:hover ul{
  visibility:visible;
  opacity:1;
  display:block;
  transition:0.3s;
}

#headerbild{
  width:100%;
  overflow:hidden;
  padding-top:60px;
}
#headerbild img{
  width:100%;
}


.imgmobile{
  display:none;
}
.headerbox{
  position: absolute;
width: 34%;
height: 300px;
right: 6%;
top: 25%;
text-align:right;
font-size:1em;
animation-name:slidetoright;
animation-duration:1s;
}

.headertext img{
  width: 47% !important;
  height: auto;
  left: -15%;
  display: block;
  margin-top: -5%;
  margin-bottom: -1%;
  position: relative;
  animation-name:slidetoright2;
  animation-duration:1s;
}

.headerbox p{
  color: #1F62AA;
  line-height: 1.5em;
  line-height: 2.5vw;
  animation-name: slidetoright;
  animation-duration: 1s;
  margin: 3px;
  padding-right: 14px;
}

.headertext{
  text-align:center;

}

.headertext p{
  color: #ffffff;
  animation-name: slidetoright;
  animation-duration: 1s;
  padding: 0px;
  margin-top: 3px;
  margin-bottom: 20px;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight:600;
}

.headerbutton{
  width:70%;
  position:relative;
  right:0px;
  display:inline-block;
  animation-name:slidetoleft;
  animation-duration:1s;
  transition:0.3s;
}
.headerbutton img{
  display:inline;
  margin-top:3%;
    left:0px;
    animation-name:slidetoleft;
    animation-duration:1s;
    width:47%;
    transition:0.3s;
    opacity:1;
}

.headerbutton a{
  position:absolute;
  right:14%;
  top:38%;
  text-decoration:none;
  font-weight:600;
    transition:0.3s;
    color:#004387;
    animation-name:slidetoleft;
    animation-duration:1s;
}

.headerbutton:hover a{
  font-size:1.2em;
  transition:0.3s;
}

.headerbutton:hover {
  width:80%;
  transition:0.3s;
}
.headerbutton:hover img{
  opacity:0.8;
  transition:0.3s;
}

.scrolltotop{
  width: 100px;
      height: 19px;
      padding: 10px;
      background-color: #5CA5DE;
      position: fixed;
      right: -61px;
      bottom: 100px;
      z-index: 999;
      border-radius: 50px;
      transition:0.3s;
      border:3px solid #ffffff;
      color:#ffffff;
      box-shadow:1px 1px 5px rgba(0,0,0,0.3);
      animation:slidetop;
      animation-duration:1s;
}

.scrolltotop:hover{
  right:-51px;
  transition:0.3s;
}



.scrolltotop img{
  width: 20px;
  padding-left: 10px;
}
.button{
  width: 120px;
color: #ffffff;
margin: 0px auto;
background-color: #5CA5DE;
padding: 10px;
border-radius: 40px;
font-weight: 600;
margin-top: 30px;
transition:0.3s;
}

.button:hover{
  opacity:0.6;
  transition:0.3s;
}

.button a{
  text-decoration:none;
  color:#ffffff;
}

.column{
  column-count:3;
  column-gap:40px;
  text-align:left;
}

.innerbox ul{
  display:inline-table;
  text-align:left;
  width:32%;
  list-style:none;
  margin:0px auto;
  padding:0;
  color:#4894d1;
}

.innerbox ul li{
  padding-top:10px;
  padding-bottom:10px;
}


.contentbox{
  width:100%;
  height:auto;
  margin:0px auto;
  position:relative;
}

.contentbox2{
  width:100%;
  height:auto;
  margin:0px auto;
  position:relative;
}
.contentbox3{
  width:100%;
  height:auto;
  margin:0px auto;
  position:relative;
}
.contentbox4{
  width:100%;
  height:auto;
  margin:0px auto;
  position:relative;
}

.titlebox{
  position: absolute;
  top: -8%;
  width: 100%;
}

.titlebox2{
  text-align: right;
  width: 100%;
  position: absolute;
  top: -17%;
}
.titlebox3{
  position: absolute;
  top: -6%;
  width: 100%;
}
.titlebox4{
  text-align: right;
  width: 100%;
  position: absolute;
  top: -30%;
}
.titlebox5{
  text-align: right;
  position: absolute;
  top: -21%;
  width: 100%;
}
.titlebox6{
  width: 100%;
  position: absolute;
  top: -7%;
}

.subpagetitlebox {
    position: absolute;
    top: 43px;
    width: 100%;
}

.subpagetitlebox object {
width:780px;
}

.subpagetitlebox h1{
    font-family:'blowbrush','Arial';
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  position: absolute;
color: #ffffff;
top: 14%;
left: 9%;
font-size: 4em;
font-weight:normal;
}

.titlebox object,
.titlebox2 object,
.titlebox3 object,
.titlebox4 object,
.titlebox5 object,
.titlebox6 object{
  width:780px;
}


.titlebox h1{
    font-family:'blowbrush','Arial';
  position: absolute;
color: #ffffff;
top: 0%;
left: 9%;
font-size: 5.5em;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    font-weight:normal;
}
.titlebox2 h1{
  font-family: 'blowbrush','Arial';
  position: absolute;
  color: #ffffff;
  top: -5%;
  right: 9%;
  font-size: 6em;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  font-weight:normal;
}
.titlebox3 h1{
  font-family: 'blowbrush','Arial';
      position: absolute;
      color: #ffffff;
      top: -2%;
      left: 8%;
      font-size: 6em;
      text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
      font-weight:normal;
}
.titlebox4 h1{
  font-family: 'blowbrush','Arial';
  position: absolute;
  color: #ffffff;
  top: -11%;
  right: 9%;
  font-size: 6em;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  font-weight:normal;
}
.titlebox5 h1{
  font-family: 'blowbrush','Arial';
      position: absolute;
      color: #ffffff;
      top: -9%;
      right: 9%;
      font-size: 6em;
      text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
      font-weight:normal;
}
.titlebox6 h1 {
    font-family: 'blowbrush','Arial';
    position: absolute;
    color: #ffffff;
    top: -2%;
    left: 9%;
    font-size: 6em;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    font-weight:normal;
}

.innerbox{
  text-align:center;
  width:60%;
  margin:0px auto;
  padding:2%;
}
.innerbox2{
  text-align:center;
  width:90%;
  margin:0px auto;
  padding:2%;
}

.wrapper{
  padding-top: 9%;
  padding-bottom: 9%;
}

.wrapper2{
  background: radial-gradient(#4894d1,#1F62AA);
  padding-top: 10%;
  padding-bottom: 11%;
}
.wrapper3{
  background: #ffffff;
  padding-top: 10%;
  padding-bottom: 13%;
}

.wrapper4{
  background: radial-gradient(#A4D3F4,#5CA5DE);
  padding-top: 9%;
  padding-bottom: 5%;
}
.wrapper5{
  background: radial-gradient(#A4D3F4,#5CA5DE);
  padding-top: 6%;
  padding-bottom: 8%;
}
.wrapper6{
  padding-top: 10%;
  padding-bottom: 11%;
}
.subpagewrapper {
    padding-top: 18%;
    padding-bottom: 9%;
}

.bildbox1{
  margin:0px auto;
  height:auto;
  width:auto;
  padding-top:50px;
  padding-bottom:20px;
}

.bildbox2{
  margin:0px auto;
  height:auto;
  width:auto;
}

.bildbox2 h1{
  width:90%;
  margin:0px auto;
}

.box1{
  display:inline-block;
  width:28%;
  height:200px;
padding-left:5px;
padding-right:5px;
position:relative;
}

.box1 img,
.box2 img,
.box3 img{
  width:100%;
}
.box1 h1{
position: absolute;
top: 30%;
width: 100%;
font-size: 1.2em;
}
.box2 h1{
position: absolute;
top: 21%;
width: 100%;
font-size: 2em;
text-transform: uppercase;
color:#ffffff;
}
.box3 h1{
  position: absolute;
  top: 21%;
  width: 100%;
  font-size: 1.2em;
  text-transform: uppercase;
  color:#ffffff;
}

.box2{
  display:inline-block;
  width:45%;
  height:200px;
  margin-left: 10px;
margin-right: 10px;
position:relative;
}
.box3{
  display:inline-table;
  width:25%;
  height:200px;
  margin-top:50px;
  padding-left: 5px;
  padding-right: 5px;
position:relative;
}

.box3 p{
  font-size:0.9em;
  width:90%;
  margin:0px auto;
}

b{
  color:#4894d1;
  font-weight:600;
  font-size:1.2em;
  line-height:1.5em;
}

.producttitle{
position: relative;
width: 80% !important;
margin: 0px auto;
top: 38px;
}

.title{
position: relative;
top: 20%;
margin: 0px auto;
width:90% !important;
}

.strongbox h1{
  position: absolute;
top: 26%;
width: 100%;
font-size: 1.2em;
color:#ffffff;
z-index:3;
}

.strongbox{
position:relative;
width: 32%;
margin: 0px auto;
display: inline-block;
padding-top: 40px;
padding-bottom: 40px;
}

.productlogo{
  width: 50%!important;
      position: absolute;
      top: -7%;
      z-index: 3;
      left: 24%;
}

.productlogo2{
  width: 50%!important;
      position: absolute;
      top: 1%;
      z-index: 3;
      left: 24%;
}

.bigbox .box{
width:45%;
}

h1{
  color:#4894d1;
  font-size:1.5em;
}

p{
  font-size:1em;
  line-height:1.4em;
  color:#4894d1;
}

.contentbox2 h1{
  color:#ffffff;
  text-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
.contentbox2 p{
  font-size:1em;
  line-height:1.4em;
  color:#ffffff;
  text-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
.contentbox4 h1{
  color:#ffffff;
  text-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
.contentbox4 p{
  font-size:1em;
  line-height:1.4em;
  color:#ffffff;
  text-shadow:1px 1px 5px rgba(0,0,0,0.3);
}

.kontaktbox{
  margin:0px auto;
  height:auto;
  width:auto;
  padding-top:20px;
  padding-bottom:20px;
}
.iconbox{
  display:inline-table;
  width:30%;
  margin-left: 10px;
margin-right: 10px;
text-align:center;
}
.strongbox{
  width:30%;
  margin:0px auto;
  display:inline-block;
}

.strongbox img{
  width:60%;
}

.iconbox img{
  width:35%;
}

.bildbutton{
  width: 40%;
    position: absolute;
    right: 0px;
    animation-name: slidetoleft;
    animation-duration: 1s;
    transition: 0.3s;
    right: 80px;
    bottom: -100px;
}

.bildbutton a{
  position: absolute;
      right: -3%;
      top: 32%;
      text-decoration: none;
      font-weight: 600;
      transition: 0.3s;
      color: #004387;
      animation-name: slidetoleft;
      animation-duration: 1s;
      font-size: 0.6em;
      width: 100%;
      text-transform: uppercase;
}

.bildbutton:hover{
  width:42%;
}

#content{
  padding-bottom:300px;
  position:relative;
}
footer{
  background-color:#004387;
  text-align:center;
  padding-bottom:10px;
  bottom:0;
  width:100%;
}

footer a{
  transition:0.3s;
}
footer a:hover{
  padding-left:5px;
  transition:0.3s;
  opacity:0.5;
}

footer .footerright a:hover{
  padding-right:5px;
}

footer p{
  font-size:0.7em;
}

footer .footerwrapper{
  width:80%;
  margin:0px auto;
  padding-top:40px;
  padding-bottom:40px;
}
.footerwrapper ul{
  text-align:left;
  display:inline-table;
  width:24%;
  list-style:none;
  color:#ffffff;
margin:0;
padding:0;
}
.footerwrapper li{
  display:block;
}

.footerwrapper ul b li{
  padding-bottom:7px;
}

.footerright{
  text-align:right !important;
  margin:0;
  padding:0;
}
.footerright ul b li{
  padding-bottom:7px;
}

.footerright p{
  color:#ffffff;
  text-decoration:none;
  font-size:0.8em;
  margin:0;
  opacity:0.8;
}

footer a{
  color:#ffffff;
  text-decoration:none;
  font-size:0.8em;
}

@keyframes slidetoright{
      from {  transform: translateX(-200px) }
      to   {  transform: translateX(0px) }
      0%   { opacity: 0; }
      100% { opacity: 1; }
}

@keyframes slidetoright2{
      from {  transform: translateX(-400px) }
      to   {  transform: translateX(0px) }
      0%   { opacity: 0; }
      100% { opacity: 1; }
}

@keyframes slidetoleft{
      from {  transform: translateX(400px) }
      to   {  transform: translateX(0px) }
      0%   { opacity: 0; }
      100% { opacity: 1; }
}
@keyframes slidetop{
      from {  transform: translatey(400px) }
      to   {  transform: translatey(0px) }
      0%   { opacity: 0; }
      100% { opacity: 1; }
}


@media only screen and (max-width: 1280px){
  .navlinks{
    width:84%;
  }

  .logobox{
    width:16%;
    right:0px;
    margin:0px auto;
    height:60px;
    float:left;
  }

  .headertext p{
    font-size: 1em;
  }
  .iconbox{
    width:40%;
  }
  .wrapper{
    padding-top: 9%;
    padding-bottom: 9%;
  }
  .wrapper5{
    padding-top: 5%;
    padding-bottom: 7%;
  }
  .wrapper6{
    padding-top: 9%;
    padding-bottom: 13%;
  }
  .wrapper2{
    background: radial-gradient(#4894d1,#2c497b);
    padding-top: 10%;
    padding-bottom: 13%;
  }
  .wrapper3{
    padding-top: 12%;
    padding-bottom: 18%;
  }
  .wrapper4{
    background: radial-gradient(#A4D3F4,#5CA5DE);
    padding-top: 9%;
    padding-bottom: 5%;
  }

  .subpagewrapper {
      padding-top: 25%;
      padding-bottom: 9%;
  }
  .titlebox{
top:-10%;
  }
  .titlebox5{
top:-25%;
  }
  .titlebox6{
    top: -7%;
  }
  .titlebox2{
    text-align: right;
    width: 100%;
    position: absolute;
    top: -21%;
  }
  .titlebox3{
    position: absolute;
    top: -9%;
    width: 100%;
}
  .titlebox4{
    text-align: right;
        width: 100%;
        position: absolute;
        top: -20%;
  }
}
@media only screen and (max-width: 1024px){
  #navbox{
    width:90%;
  }
  .navlinks li{
    padding-left:5px;
    padding-right:5px;
  }

  .headerbox{
    top:19%;
  }
  .headertext p{
    font-size: 0.8em;
  }
  .iconbox{
    width:50%;
  }
  .column{
    column-count:2;
    column-gap:40px;
    text-align:left;
  }

.footerwrapper{
  width:90%;
  margin:0px auto;
  padding-top:40px;
  padding-bottom:40px;
}

.wrapper{
  padding-top: 16%;
    padding-bottom: 15%;
}
.wrapper5{
  padding-top: 11%;
padding-bottom: 12%;
}
.wrapper6{
  padding-top: 16%;
padding-bottom: 14%;
}
.wrapper2{
  background: radial-gradient(#4894d1,#1F62AA);
    padding-top: 15%;
    padding-bottom: 20%;
}
.wrapper3{
  padding-top: 14%;
    padding-bottom: 15%;
}
.wrapper4{
  background: radial-gradient(#A4D3F4,#5CA5DE);
padding-top: 13%;
padding-bottom: 5%;
}

.subpagewrapper {
    padding-top: 35%;
    padding-bottom: 9%;
}
.titlebox{
  position: absolute;
      top: -7%;
      width: 100%;
}
.titlebox5{
  text-align: right;
  width: 100%;
  position: absolute;
  top: -18%;
}
.titlebox6{
top: -7%;
}
.titlebox2{
  text-align: right;
  width: 100%;
  position: absolute;
  top: -18%;
}
.titlebox3{
  position: absolute;
  top: -10%;
  width: 100%;
}
.titlebox4{
  text-align: right;
      width: 100%;
      position: absolute;
      top: -14%;
}

.box3{
  width:28%;
  margin-top:30px;
}

.strongbox{
  width:50%;
  padding-top:0;
  padding-bottom:0;
}

}
@media only screen and (max-width: 780px){

  .simple_picture{
    width:90% !important;
  }

  .titlebox object,
  .titlebox2 object,
  .titlebox3 object,
  .titlebox4 object,
  .titlebox5 object,
  .titlebox6 object{
    width:80%;
  }
  .subpagetitlebox {
      position: absolute;
      top: 43px;
      width: 100%;
  }

  .subpagetitlebox object {
  width:80%;
  }

  .subpagetitlebox h1{
      font-family:'BlowBrush';
      text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    position: absolute;
  color: #ffffff;
  top: 12%;
  left: 9%;
  font-size: 3.5em;
  }
  .navlinks{
    display:none;
  }
  .dropdown{
    display:block;
    text-align:right;
  }
  .dropdown img{
    width: 28px;
padding-top: 15px;
  }
  .imgmobile{
    display:block;
    width:100%;
  }
  .imgdesktop{
    display:none;
  }
  .headerbox{
    position: absolute;
  width: 54%;
  height: 300px;
  right: 5%;
  top: 22%;
  text-align:right;
  font-size:1em;
  font-size:1.25vw;
  animation-name:slidetoright;
  animation-duration:1s;
  }
  .headerbox p{
    display:none;
  }
  .headertext p{
    display:none;
  }

  .headerbox object{
    margin-top:15px;
}
  .column{
    column-count:1;
    column-gap:40px;
    text-align:left;
  }

  .iconbox{
    width:70%;
  }

.footerwrapper ul{
  width: 45%;
      text-align: center !important;
      padding-top: 30px;
}
.footerwrapper{
  width:95%;
  margin:0px auto;
  padding-top:40px;
  padding-bottom:40px;
}
.wrapper {
    padding-top: 16%;
    padding-bottom: 15%;
}

.wrapper5 {
    padding-top: 13%;
    padding-bottom: 11%;
}
.wrapper6 {
    padding-top: 16%;
    padding-bottom: 14%;
}
.wrapper2 {
    background: radial-gradient(#4894d1,#1F62AA);
    padding-top: 15%;
    padding-bottom: 20%;
}
.wrapper3 {
    padding-top: 14%;
    padding-bottom: 28%;
}

.titlebox{
  top:-4%;
}
.titlebox4{
  text-align: right;
width: 100%;
position: absolute;
top: -14%;
}
.titlebox5{
  text-align: right;
width: 100%;
position: absolute;
top: -10%;
}
.titlebox2 {
    text-align: right;
    width: 100%;
    position: absolute;
    top: -7%;
}
.titlebox3 {
    position: absolute;
    top: -6%;
    width: 100%;
}
.titlebox h1{
  font-size: 4.5em;
}
.titlebox2 h1{
  font-size: 5em;
top: -11%;
}
.titlebox3 h1{
  font-size: 5em;
top: -4%;
}
.titlebox4 h1{
  font-size: 5em;
top: -12%;
}
.titlebox5 h1{
  font-size: 5em;
}
.titlebox6 h1{
  font-size: 3em !important;
top: -4%;
}

.box3{
  width:40%;
}
.box1{
  width:50%
}
.strongbox{
  width:70%;
}

.innerbox p{
  margin-top:50px;
}

.innerbox ul{
  width:100%;
}
.innerbox iframe{
  width:90%;
  height:auto;
}
}

@media only screen and (max-width: 480px){
  .iconbox{
    width:90%;
  }

.innerbox{
  width:85%;
}

  .subpagetitlebox h1{
    top:2%;
    font-size:2.8em;
  }
.footerwrapper ul{
  width: 80%;
      text-align: center !important;
      padding-top: 30px;
}
.footerwrapper{
  width:95%;
  margin:0px auto;
  padding-top:40px;
  padding-bottom:40px;
}
.wrapper{
  padding-top:18%;
  padding-bottom:18%;
}

.wrapper6{
  padding-top:26%;
  padding-bottom:26%;
}
.titlebox{
  top:-3%;
}
.titlebox2{
  text-align: right;
width: 100%;
position: absolute;
top: -8%;
}
.titlebox3{
  top:-2%;
}
.wrapper2{
  padding-top:13%;
  padding-bottom:23%;
}

.wrapper3{
    padding-top: 17%;
    padding-bottom: 22%;
}
.wrapper4{
  padding-top:13%;
}

.titlebox4{
  text-align: right;
width: 100%;
position: absolute;
top: -11%;
}

.titlebox5 h1{
  font-size: 4em;
}
.titlebox6 h1{
  font-size: 4em;
}
.titlebox4 h1{
  font-size: 4em;
}
.titlebox3 h1{
  font-size: 4em;
}
.titlebox2 h1{
  font-size: 4em;
}
.titlebox h1{
  font-size: 3.5em;
}

.titlebox object,
.titlebox2 object,
.titlebox3 object,
.titlebox4 object,
.titlebox5 object,
.titlebox6 object{
  width:100%;
}
.titlebox5{
text-align: right;
    position: absolute;
    top: -12%;
    width: 100%;
  }
.box1{
  width:90%;
}
.box3{
  width:80%;
  margin-top:10px;
}
.strongbox{
  width:90%;
}
.innerbox iframe{
  width:90%;
  height:auto;
}
.kontaktbox p{
  margin-top:10px;
}
}

@media only screen and (max-width: 375px){
  .subpagetitlebox h1{
    top:2%;
    font-size:2em;
  }
.wrapper{
  padding-top:18%;
  padding-bottom:18%;
}

.wrapper6{
  padding-top:26%;
  padding-bottom:26%;
}
.titlebox{
  top:-3%;
}
.titlebox2{
text-align: right;
width: 100%;
position: absolute;
top: -8%;
}
.titlebox3{
  top:-3%;
}
.wrapper2{
  padding-top:13%;
  padding-bottom:23%;
}

.wrapper3{
    padding-top: 17%;
    padding-bottom: 22%;
}
.wrapper4{
  padding-top:13%;
}

.titlebox4{
text-align: right;
width: 100%;
position: absolute;
top: -11%;
}

.titlebox5{
text-align: right;
    position: absolute;
    top: -8%;
    width: 100%;
}
.titlebox6{
text-align: right;
    position: absolute;
    top: -7%;
    width: 100%;
}

.titlebox5 h1{
  font-size: 3em;
}
.titlebox6 h1{
  font-size: 2em !important;
}
.titlebox4 h1{
  font-size: 3em;
}
.titlebox3 h1{
  font-size: 3em;
}
.titlebox2 h1{
  font-size: 3em;
}
.titlebox h1{
  font-size: 2.5em;
}
}