/**************/
/*Defaults*/
/*************/

#wrappr{
    bottom: 0;
    position: absolute;
    overflow: auto;
     overflow:initial;
    -webkit-overflow-scrolling: touch;
    width: 100%;

    height: 100%;
    bottom: 0;
    z-index: 80;



}


html, body {
    background:#231f20;
    overflow : auto;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align:center;
    border: none;
    color:#fff;
    font-size: 0.95em;
    line-height: 1.4em;
    font-family: 'Roboto', sans-serif;


}

#halign{
    position:relative;
    margin:auto;
    width:100%;
    height:100%;
    max-width:1140px;
    z-index:15;
    /*opacity:0.9;  */
    /*transform: scale(0.90); /* Equal to scaleX(0.9) scaleY(0.9) */
    letter-spacing:0.03em;
    background:#231f20;

}
/*************/
/* FX */
/*************/
 /*Langsamer rollover bei divs */

a:hover, div:hover {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
.clear{
    clear:both;
}
.ct8{
   /* -moz-hyphens: auto; /*auto umbruch im Content
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; */

}


hr{
    width:10%;
    border: 0;
    border-top: 3px solid #acacac;
    border-bottom: 3px solid #fff;
    align:left;
    text-align:left;
    margin-left:0;
    margin-top:36px;
    margin-bottom:36px;
}

a:link {
    color:#fc0a13;
    text-decoration : none;
    background-color : transparent;
    font-size:1.0em;
    font-weight: 400;
}
a:visited {
    color:#fc0a13;
    text-decoration : none;
    background-color : transparent;
    font-weight: 400;
}
a:hover {
    color: #000;
    text-decoration : none;
    background-color : transparent;
    font-weight: 400;

}
  h2 {
    margin: 0;
    margin-bottom:24px;
    padding: 0;
    font-size: 1.7em;
    line-height:1.45em;
    font-weight:400;
}


 h1, h3, h5 {
    margin: 0;
    padding: 0;
    font-size: 0.95em;
    line-height: 1.25em;
    color:#000;
    font-weight:700;
}
h4 {
    margin: 0;
    margin-bottom:3px;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.3em;
    color:#000;
    font-weight:700;
}
b{
   color:#afaf6c;

}
.blk5 a:link {
    color:#333333;
    text-decoration : none;
    background-color : transparent;

}
.blk5 a:visited {
    color:#333333;
    text-decoration : none;
    background-color : transparent;

}
.blk5 a:hover {
    color: #333333;
    text-decoration : none;
    background-color : transparent;

}
 /*************/
/* Galeriesytem 5 Bilder Max*/
/*************/

.flxitgal {
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    width:100%;

}
.flxitgal a{
    width:32%;
    margin:0 2px 0 3px;
}
.flxitgal img{
    width:100%;
    height:auto;
}

/**************************/
/* Oeffnungszeiten */
/**************************/
 .oe8{
    text-align:right;
    margin:24px 0 0 0;
 }

.bto{
    background:red;
    padding: 4px 8px 4px 8px;
    border: 1px solid #fff;
    border-radius:4px;
    font-weight:700;
}
.bto2{
    background:green;
    padding: 4px 8px 4px 8px;
    border: 1px solid #fff;
    border-radius:4px;
    font-weight:700;
}
.bto1{
    margin-right:18px;
}
.bto1 a:link{
    color:white;
}
.bto1 a:visited{
    color:white;
}
.bto1 a:hover{
    color:red;
}
.bto2 a:link{
    color:white;
}
.bto2 a:visited{
    color:white;
}
.bto2 a:hover{
    color:white;
    opacity:0.7;
}
.bto a:link{
    color:white;
}
.bto a:visited{
    color:white;
}
.bto a:hover{
    color:white;
    opacity:0.7;
}
#g1 a:link{
    color:black;
}
#g1 a:visited{
    color:black;
}
#g1 a:hover{
    color:black;
    opacity:0.7;
}

/**************************/
/* Template */
/**************************/

#template{
     background:#231f20;
     /*position:fixed;  */
     height:12%;
     min-height:100px;
     height:auto;
     width:100%;
     z-index:990;
     margin-top:18px;

}

.logo{
    position:absolute;
    top:48px;
    left:6%;
    z-index:995;

}

.logo:hover{
      opacity: 0.9;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.ico3{
    font-size:1.5em;
    color:#fff;
    margin-top:5px;

}
.ico3:hover{

    color:#fc0a13;

}
.phone3{
    display:none;
}
.swwt6 {
    display:block;
}
.swwt7 {
    display:none;
}


/*************/
/* hmnu */
/*************/

ul.navlist
{

    padding:0;
     margin: 0;
    list-style: none;
    z-index:140;
}

ul.navlist li
{
    float:right;
    background-color:transparent;
    text-indent:0;
    font-size:1.6em;
    line-height:1.8em;
    font-style: italic;
    font-variant: small-caps;
    font-weight:700;
    transform:skew(-14deg,0deg);

    margin:0;
    margin-top:-10px;
    text-decoration:none;
   /* background:red;    */

}


ul.navlist li a
{
     display:block;
     color:#fbfbfd;
     font-weight:700;
     padding:24px 32px 0 0;
}

ul.navlist li.active a
{
    color:#ff930b;
    position:relative;

}
ul.navlist li a:hover
{
   color:#fc0a13;

}

/*subnavigation*/
ul.navlist6{
    position:absolute;
    right:6%;
    top:78px;
    list-style: none;
    z-index:140;


}
ul.navlist6 li {
   font-size:0.35;
   float:right;
   padding:0px 38px 0 0;
}

ul.navlist6 li a{
   color:#fff;
}
ul.navlist6 li a:hover{
    color:#fc0a13;
}
.des6{
    display:none;
}

/*init hamburger*/
/* menu btn */

  .header .menu-btn {
    display: none;

}

.header .menu-btn:checked ~ .menu {
    max-height: 1200px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}
    .header .menu {
        position:relative;
        clear: none;
        left:0;
        max-height: none;
        width:100%;
    z-index:700;
    font-weight:600;

    }
    .header .menu-icon {
        display: none;
    }

/* // init hamburger */

/*CLAIM*/
.claim {
    width:100%;
    padding-bottom:48px;
    margin-top:30px;


}
.cl1{
    width:55%;
    border: 3px solid #fff;
    font-size: 2.1em;
    line-height:1.4em;
    font-weight:900;
    margin:auto;
    margin-top:2%;
    padding:12px 28px 12px 28px;
}
.skew {
     /*transform:skew(-14deg,0deg);*/
     letter-spacing:-0.01em;
}


.claim div a{
    display:block;
    height:100%;
    color:#fff;
    font-weight:700;

}
.claim div a:hover{
    opacity:0.7;
}
.cl2{
    float:right;
    width:36%;
    border: 3px solid #fff;
    border-top:0;
    font-size: 2em;
    line-height:1.2em;
    font-weight:900;
    background:#bcbdc0;
    margin-right:23%;
    padding:12px 28px 12px 28px;

}
.cl2f {
     color:#ef171f;
     font-style: normal;

}

/*Bildnav*/


.templ_gal{
    float:left;

}
.templ_gal:hover{
    opacity:0.7;
}

.hdr1 {
    position:absolute;
    left:5%;
    margin-top:2.5%;
    width:19%;
    border: 3px solid #000;
    font-size: 2.7em;
    line-height:1.4em;
    font-weight:900;
    padding:12px 11px 15px 11px;
    font-style: italic;
    font-variant: small-caps;
    background: #fff;
    color:#fc0a13;
}
.rgclaim{
    position:absolute;
    right:0;
    width:42.2%;



}
.hdr2 {
    margin-left:25px;
    font-size: 2.6em;
    line-height:1.4em;
    font-weight:900;
    font-style: italic;
    font-variant: small-caps;
    background: #fff;
    color:#fc0a13;
    margin-bottom:9px;
}
.bf5 {
    float:left;
        width:41.3%;
    height:auto;

}
.hdr2 h1 {
    color:#fc0a13;
    letter-spacing:-0.01em;
}
.hdr2 h3 {
    color:#fc0a13;
    letter-spacing:-0.01em;
}
.hdr2 h5 {
    color:#fc0a13;
    letter-spacing:-0.01em;
}
.hdr2a{
    float:left;

    text-align:left;
    padding-left:25px;
    padding-top:8px;
}
.hdr2:hover{
    opacity:0.7;
}

.hdrspan{
    font-size:0.51em;
    line-height:1.2em;
    color:#333333;
    font-style:normal;
    transform:skew(-0deg,0deg);
     letter-spacing:0em;
     font-variant: normal;
     font-weight:600;
}
.headlines{
    width:63%;
    margin:auto;
    padding: 36px 0 36px 0;
    font-size: 1.4em;
    line-height:1.6em;

}
/*inner content flex */
/**************************/
.iflex1{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.iflex1item{
    margin-left:5%;
}

/**************************/
/* White */
/**************************/
.white{
    background-color:#fefefe;
    width:100%;
    margin:auto;
    padding-bottom:9px;
}
/*Layout 10*/

.ctbx, .ctbx1{
    padding-top:52px;
    height:100%;

}


.ctbx h2, .ctbx1 h2{
    margin:0;
    padding:0;

}

.spz78{
    margin-top:5%;
}
.spz90 {
    margin:-2% 0 0 0;   /*impress galerie  */
}
.spz77{
    margin-top:-3.5%;/*Socialwall*/
}

.ctbx ul{
     margin-top:0;
}
.ctbx li{
    line-height:0.8em;
}
.footer{

margin-top:5%;
}


.title2{
    color:#fff;
    background:#fc0a13;
     font-size: 1.4em;
    line-height:1.4em;
    font-weight:900;
    font-style: italic;
    letter-spacing:-0.01em;
    color:#fff;
    background:#fc0a13;
    padding:17px 45px 17px 45px;

}
/**************************/
/* social wall */
/**************************/

.flexbx8{
   margin:auto;
   margin:48px 0 0 0;
   display: flex;

}
.flxit8{
    width:320px;
    margin:0 12px 12px 12px;
    text-align:left;


}
.flxit8:nth-child(3){
    width:422px;
    height:125vh;

    overflow-y: scroll;

    border: 1px solid #000;


}

.zsa4{
    display:none;
}

.swbx1{
    border: 1px solid #000;
    background: #fefefe;
    color: #000;
    margin-bottom:22px;
}
.swbx1 div{
    padding:12px 8px 0 25px;
}

.swbx1 div:last-child{
  text-align:right;
  margin-bottom:12px;
  color:#fc0a13;
  font-weight:700;
  font-size:0.8em;
}
.swbx1 img{
    width:100%;
    height: auto;

   }
.swbx1 .claim7 {
    font-size: 1.4em;
    line-height:1.4em;
    margin-top:-15px;
}
.pre5{
    font-size:0.9em;
    padding:4px 0 0 24px;
}

.swbx1 h3 {
    padding:0;
    margin:0;
    margin:0 0 24px 0;
    font-size: 1.8em;
    line-height:1.5em;
}
.swbx1 a{
    color:#000;
}
.swbx1 a:hover{
    opacity:0.7;
    }

/**************************/
/* social wall fb-ersatz */
/**************************/

.swhead{
  background:#fc0a13;
  margin-bottom:3%;
}
.swhead img{
    width:100%;
    height:auto;
    padding-top:3px;

}
.swhead img:nth-child(2){
    width:63%;
    vertical-align:top;
    margin:2.5% 0 0 6%;
}
.swbx2{
    width:93%;
    border:0;
    margin:auto;
    margin-bottom:12px;
    font-size:1em;
    font-weight:400;
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
    background:#f8f8f8;
    padding:2% 2% 4% 2%;
}
.swbx2 img{
    width:100%;
    height:auto;
    display:block;
}
.ct5{
    margin:0px 0px 16px 0px;
}
.claim17{
    font-size:1.2em;
    font-weight:700;
     font-family: 'Roboto', sans-serif;
     line-height:1.3em;
}
.lnkzone{
    width:100%;
    margin:12px 0 0 0;
    display: flex;
    font-size:1.8em;
    border-top:1px solid #efeeee;

    }
.lnkzone a{
    color:#90949c;
    padding:10px 16px 0 2px;
}
.offlnk{
    color:#90949c;
    padding:10px 16px 0 2px;
    opacity:0.2;
}
.lnkzone a:hover{
    opacity:0.6;
    color:#fc0a13;
}
.time3{
    font-style:inherit;
    font-size:0.4em;
    padding-top:3.2%;
    color:#90949c;
    font-weight:700;
    font-family: 'Roboto', sans-serif;
}
.flexbx{
    margin-top:-24px;
   display: flex;
   flex-wrap:wrap;

    justify-content:center;
}
.lnksec2{
    border: 1px solid #000;
    margin:0 6px 12px 6px;
    color:#000;
    padding:12px;
    font-size:small;
}

.lnksec2:hover{
    opacity:0.7;
    background:#fc0a13;
    color:#fff;

    }

/**************************/
/* Footer */
/**************************/
  .footer{
    background: #ff3333;
    padding:14px 0 0 0;
  }
.flexbx7{
   margin:auto;
   display: flex;
   background:#fff;
   justify-content:space-between;
   padding: 34px 32px 20px 42px;
   margin-bottom:62px;
}
.flxit7{
    width:320px;
    text-align:left;
}
.flxit7 img{
    width:100%;
    height: auto;
   }
.flxit7:hover{
    opacity:0.7;
    }
.flbox1 {
    float:left;
    text-align:left;
    font-size:1.4em;
    line-height:1.4em;
    letter-spacing:-0.03em;
    color:#333333;
}
.flbox1:nth-child(2) {
    margin:0 4% 0 10px;
}
.flbox1:nth-child(3) {
    margin:0 4% 0 10px;
}
.flbox2 {
    position:relative ;
   float:right;
   margin-right:9%;
   margin-top:-2%;
   font-size:1.4em;

}
.flbox2 a{
    color:#fff;
}
.flbox2 a:hover{
    opacity:0.7;
}
.fbox4{

  font-size:1.4em;
    line-height:1.4em;

    color:#333333;
    font-weight:700;
    margin-top:1.3%;

}

.ftl9{
    font-size:2.8em;
   padding-bottom:12px;
   color:#f1f1f1;

}



/*neu*/

/*************/
/* Screen bis 1139px)*/
/*************/
@media screen and (max-width: 1174px) {
#halign{
width:100%;
/*background-color:fuchsia; */
}
#template{
     width:99.2%;
}
.tp91{
    width:100%;
    height:auto;
}
.rgclaim{

    }
.hdr2 {
    margin-left:6%;
    width:92.1%;
    float:left;
}
.bf5{
    width:42.4%;
    height:auto;
}

.hdr2a{
    width:50%;
}
.templ_gal{
    float:left;
    width:58.7%;
    margin-left:1%;
}

.templ_gal img{
    width:100%;
    height:auto;
}

}/*end*/

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

#halign{
width:100%;
/*background-color:cyan;  */
}
.templ_gal{
    float:left;
    width:59%;
    margin-left:1%;
}
.hdr2a{
    padding-top:2px;

}
.flxit8{
    width:380px;
    margin:0 8px 12px 4px;
    text-align:left;
}
}/*end*/
@media screen and (max-width: 1026px) {

#halign{
width:99.8%;
/*background-color:lime;  */
}
.logo{
    left:3%;
}
ul.navlist li a
{
     padding:24px 16px 0 0;
}
ul.navlist6{
    right:4.68%;
}

.cl1{
    font-size: 2.0em;
    line-height:1.2em;
}
.cl2{
    font-size: 1.8em;
    line-height:1.0em;
}
.hdr1 {
  font-size: 2.5em;
    line-height:1.2em;
}
 h1, h3, h4 {
    font-size: 0.85em;
    line-height: 1.15em;
}
.title2{
    font-size: 1.2em;
    line-height:1.2em;

}
.flxit8{
    width:50%;
}

}/*end*/
@media screen and (max-width: 924px) {

#halign{
    width:99.8%;
  /*background-color:darkgreen;*/
    margin-top:18px;
}

.navlist6{
    display:none;
}
.oe8{

     margin-right:24px;
}
.cl1{
    margin-top:9%;
    width:86.6%;
}
.swwt6 {
    display:block;
}
.swwt7 {
    display:block;
}
/*hamburger*/
/* header */


.header {
    position:absolute;
    right:1%;
    margin-top:5px;
    z-index:99999;
    width:50%;

}


.header ul {
    padding: 0 0 0 0;
    margin-top:0;
    list-style: none;
    overflow: hidden;
     background-color: #333333;
    -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;


}

.header li a {
    display: block;
    padding: 8px 20px 8px 24px;
    border-bottom: 1px solid #f4f4f4;
    text-decoration: none;
}


.header li a:hover,
.header .menu-btn:hover {
    opacity:0.7;
}
ul.navlist ul.des6
{
    display: inherit;
    z-index:99999;
    margin-left:-5%;

}
ul.navlist li
{
    font-size:1.3em;
    text-align:left;
    padding: 8px 20px 8px 24px;
    float:inherit;
    transform:skew(0deg,0deg);

}
ul.navlist li:first-child
{

  display:none;
  }
ul.navlist li:nth-child(2)
{
  margin-top:36px;
  }
ul.navlist li a
{
 color:#fff;
}
.des6 li{
    display:block;
    float:inherit;


}
.des6 li a{
    font-size:0.75em;
    transform:skew(0deg,0deg);
    }

/* menu */

    .header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-right:1.5%;
    padding: 20px 20px;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 6px;
    position: relative;
    transition: background .2s ease-out;
    width: 28px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 9px;
}

.header .menu-icon .navicon:after {
    top: -9px;
}

.header .menu-btn:checked ~ .menu {
    position:relative;
    padding-bottom: 48px;
}
 .sham7{
    display:block;
    font-size:0.4em;
}

/*//hamburger*/




.templ_gal{
    float:inherit;
    width:98%;

}
.hdr1 {
    left:10.5%;
    margin-top:5%;
    width:33%;
    padding:19px 11px 22px 11px;
}
.rgclaim{
    position:relative;
    float:inherit;
    width:99%;
    text-align:left;
    margin-left:1%;
    }
.hdr2 {
        margin-left:0;
        width:99%;

}
.bf5 {
    float:left;
    width:23.6%;
    width:187px;
}


.flxit8:nth-child(3){
    display:block;
    height:180vh;
}
.claim{
    margin-top:12%;

}
/*neu*/
.logo{
    top:5.14%;
    width:53%;
    left:24%;
    float:left;
}
.phone3{
     top:4.4%;
     left:6%;
    position:absolute;
    display:block;
      font-size:2.4em;
}
.header .menu-icon {
    margin-right:6%;
    padding: 7.8% 0px;
    }
.header .menu-icon .navicon:before {
    top: 17px;
}

.header .menu-icon .navicon:after {
    top: -17px;
}

.header .menu-icon .navicon {
    height: 8px;
    width:55px;
    }
.cl1{
    margin-left:10%;
    margin-top:0;
    width:80%;

    border:1px solid #cccccc;
    font-weight:400;
    padding:2px 2px 3px 2px;
    }
.cl2{
    width:60%;
     border:1px solid #cccccc;
    line-height:1.2em;
    font-weight:400;
    background:#bcbdc0;
    margin-right:12%;
    padding:1px 1px 2px 1px;

}
.flbox1{
    font-size:1.4em;
    margin:24px 0 0 40px;
    float:inherit;
}

.flbox1:nth-child(2){

    margin:24px 0 0 40px;
}
.flbox1:nth-child(3){

    margin:24px 0 0 40px;
}
.flbox2 {
    position:relative;
   float:inherit;
    margin:36px 0 0 7.3%;
   font-size:1.4em;
   text-align:left;
   width:50%;

}
/*inner content flex */
/**************************/
.iflex1{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.iflex1item{

    margin: 0 0 5% 0;
    width:100%;
}

.iflex1item:nth-child(1) {
    margin-top:2%;
}

 }/*end*/



  @media screen and (max-width: 787px) {
#halign{
/*background-color:purple;*/

}
template{

}
.flexbx8{
    margin-top:36px;
      flex-wrap:wrap;
      flex-direction: column-reverse;
}
.flxit8{
   width:99%;

}

.flxit8:nth-child(3){
    display:block;
    height:180vh;
    width:99%;
}

.cl1{
  margin-top:102px;
  margin-left:3.2%;
   font-size: 1.8em;
    line-height:1.4em;
}
.cl2{
    font-size: 1.7em;
    line-height:1.2em;
}

.fbox4{

    margin-top:40px;
}
.title2{
    font-size: 0.9em;
    line-height:1em;
    padding:9px 26px 9px 26px;
 }
 .phone3{
     top:4.6%;
     font-size:2em;
}
.hide8{
    display:none;
}
.header {

    margin-top:0px;
 }
.header .menu-icon {
    margin-right:2%;
    padding: 30px 20px;
    }
.header .menu-icon .navicon:before {
    top: 12px;
}

.header .menu-icon .navicon:after {
    top: -12px;
}

.header .menu-icon .navicon {
    height: 6px;
    width:31px;
    }
.cl1{
    margin-left:6.5%;
    margin-top:0;
    width:85%;
    border:1px solid #cccccc;
    font-weight:400;
    padding:2px 2px 3px 2px;
    }
.cl2{
    width:60%;
     border:1px solid #cccccc;
    line-height:1.2em;
    font-weight:400;
    background:#bcbdc0;
    margin-right:12%;
    padding:1px 1px 2px 1px;

}
.flbox1 {
    float:inherit;
    text-align:left;
    font-size:1.1em;
    line-height:1.3em;
    letter-spacing:0em;
    color:#333333;
    margin:24px 0 0 40px;
}
.flbox1:nth-child(2){

    margin:24px 0 0 40px;
}
.flbox1:nth-child(3){
    margin:24px 0 0 40px;
}
.flbox2 {
    position:relative;
   float:inherit;
    margin:36px 0 0 7.3%;
   font-size:1.4em;
   text-align:left;
   width:50%;

}

 }/*end*/

 @media screen and (max-width: 671px) {
#halign{
/*background-color:orange; */
width:99%;

}
.oe8{
     font-size:0.6em;
     margin-right:12px;
}
.cl1{

    width:84%;
}

.flexbx8{
   flex-wrap:wrap;
   padding-left:3%;
}
.flxit8{
    width:95%;
}

.fbox4{
  font-size:1.2em;
    line-height:1.2em;
    margin-top:40px;
}


 .hdr2:first-child{
    margin-top:1%;
}
.cl1{
    font-size:1.5em;
    }
.cl2{
    width:60%;
    font-size:1.5em;
}
.rgclaim{
    width:98.3%;
 }
.hdr2a{
    width:auto;
    padding:3.2% 1% 0 4%;
}

 }/*end*/

  @media screen and (max-width: 540px) {
#halign{
/*background-color:purple;  */
}
.phone3{
     top:4%;
     left:6%;
     font-size:1.8em;
}


.header .menu-icon {
margin-right:0%;
    padding: 20px 12px;
    }
.logo{
    left:26%;
}

.cl1{
    margin-left:8%;
    width:85%;
    font-size:1.2em;
    }
.cl2{
    width:63%;
    font-size:1.1em;
}

.headlines{
    width:80%;
    padding: 24px 0 36px 0;
    font-size: 1.4em;
    line-height:1.6em;
}
.hdr1 {
    left:10.5%;
    margin-top:4.5%;
    width:33%;
    font-size:2em;
    padding:8px 20px 10px 12px;
}
.flxit8{
   margin-left:-2%;
   padding-left:0;
}
.swbx1{
    width:104%;
    }


 }/*end*/

 @media screen and (max-width: 457px) {
#halign{
/*background-color:olive; */


}

.headlines{
    width:90%;
    padding: 16px 0 28px 0;
    font-size: 1.1em;
    line-height:1.4em;

}
.content{
    position:relative;
    margin-top:-13px;
}
.fbox4{
    padding:24px;
}



.logo{
    top:7.14%;
    width:53%;
    left:22.4%;
    float:left;
}
.phone3{
     top:7.3%;
     left:4%;
    position:absolute;
    display:block;
    font-size:1.2em;
}
.header {
    width:70%;
}
.header .menu-icon {
    margin-right:3%;
    padding: 8.3% 0px;
    }

.header .menu-icon .navicon {
    height: 3px;
    width:25px;
    }

.header .menu-icon .navicon:before {
    top: 9px;
}

.header .menu-icon .navicon:after {
    top: -9px;
}



.cl1{
    margin-left:10%;
    margin-top:0;
    width:80%;
    font-size: 0.95em;
    border:1px solid #cccccc;
    font-weight:400;
    padding:2px 2px 3px 2px;
    }
.cl2{
    width:60%;
     border:1px solid #cccccc;
    font-size: 0.85em;
    line-height:1.2em;
    font-weight:400;
    background:#bcbdc0;
    margin-right:12%;
    padding:1px 1px 2px 1px;

}
.hdr1 {
    font-size: 1.7em;
    line-height:1.4em;
    width:33%;
    padding:2px 12px 5px 18px;
    margin-left:7%;
    margin-top:2.7%;

}
.hdr2 {
    margin-left:0;
    width:99.5%;
    font-size: 2.1em;
}

.bf5 {
    float:left;
    width:45%;
}
.hdr2a{
    width:auto;
    padding:3% 1% 3% 4%;
}
.flbox1, .flbox2{
  float:inherit;

}
.flbox1{

    margin:24px 0 0 40px;
}

.flbox1:nth-child(2){

    margin:24px 0 0 40px;
}
.flbox1:nth-child(3){

    margin:24px 0 0 40px;
}
.flbox2 {
    position:relative;
   float:inherit;
    margin:36px 0 0 7.3%;
   font-size:1.4em;
   text-align:left;
   width:50%;

}
.white{
    font-size:0.8em;

}
.spz77{
    margin-top:0;
}

  }/*end*/

 @media screen and (max-width: 320px) {
#halign{
/*background-color:lime;*/

}
.hdr1 {
    font-size: 1.7em;
    line-height:1.4em;
    width:33%;
    padding:2px 12px 5px 18px;
    margin-left:0.8%;
    margin-top:2.7%;

}
.hdr2 {
    margin-left:0;
    width:99.5%;
    font-size: 2.0em;
}

.bf5 {
    float:left;
    width:45%;
}
.headlines{
    font-size:0.9em;
}

 }/*end*/