/* ********* definice obecnych HTML znacek ********* */
body {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    background-color: rgb(236,239,232);
    color: rgb(81,81,81);
    text-align: center;

}

img {border: none;}
form {padding: 0px;margin: 0px;}
a {color: rgb(234,163,44);text-decoration: none;}
a:hover {color: rgb(0,130,68);}

h1 {font-weight: normal;margin: 0px; padding-top: 0px;font-size: 160%;}
h2 {margin: 5px 0px 5px 0px;padding: 0px;font-size: 126%;font-weight: normal;display:block;}
h3 {margin: 5px 0px 5px 0px;padding: 0px;font-size: 126%;font-weight: normal;display:block;color: rgb(81,81,81);}
h4 {color: rgb(128,132,105);font-size: 100%;font-weight: bold;margin: 0px;}

textarea {font-family: sans-serif;font-size: 100%;}
.clear {clear: both;font-size: 1px;line-height: 1px;height: 1px;}
.back { margin: 10px 0px 10px 7px; clear: both;}
.back a {background-color: #58585a;padding: 2px 10px 2px 10px;text-decoration: none;color: White; border-radius: 22px;}
.layout {border-collapse: collapse;}
.imgRight {float: right;}
.imgLeft {float: left;margin: 0px 10px 0px 0px;}
/********************* lists **********************/
ul li { margin: 0px 0px 10px 0px;padding: 0px;}
ul li .sub { margin: 0px; padding: 0px;}

.odrazky1 { margin: 10px 0px 25px 10px;padding: 0px 0px 0px 15px;}
.odrazky1 li {list-style-image: URL('../images/odrazka1.gif');padding: 0px 0px 0px 0px;margin: 0px 0px 8px 0px;}
.odrazkyA {margin: 10px 0px 25px 10px;padding: 0px 0px 0px 15px;}
.odrazkyA li {list-style-image: URL('../images/listIco.gif'); padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;}


/********************* page **********************/
#page {position: relative;width: 100%;height: 100%;text-align: left;margin: auto;height: 100%; padding: 0;}
#header {position: fixed; background-color: rgb(236,239,232); width: 100%; text-align: left;height: 100px;z-index: 240;border-bottom: 5px solid white;}

#logo {display: block; position: absolute;top: 0px;left: 0px;z-index: 2;border-right: 5px solid white;background-color: rgb(218,224,210); }

#webTitle {position: absolute;top: 10px;left: 0px;font-size: 180%;color: black; z-index: -2; display: none;  }
#webTitle a {text-decoration: none;color: white;}
#webTitle .claim {display: block;font-size: 60%;  line-height: 12px; }

#socialLinks { float: right; width: 130px;text-align: right; margin: 32px 150px 0 0;}
#socialLinks a { display: table-cell; vertical-align: top; padding:0 1px; width:31px; }
#socialLinks a img { width:100%; }

#header .contact { margin: 0; padding: 39px 0px 0px 325px;font-weight: bold; color: rgb(76,84,92);font-size: 110%;text-align: left;text-transform: uppercase;}
#header .contact a {color: rgb(76,84,92);font-weight: bold; }
#header .contact .divider {color: rgb(235,163,44);font-weight: bold; margin: 0 4px; }
/*#header .contact .lang {display:inline-block; margin: 0 10px 0 5px;}
#header .contact .lang img {display:inline-block; margin: 0 5px 0 0;}*/

/* ******************************************* */
/* ************ menu *********** */
/* ******************************************* */
.js #menu {display:none;}
    .js .slicknav_menu {display:block;} 
/*
#menu {padding: 0px;margin: 0px;background-color: rgb(120,120,120);width: 990px;display: none;}
#menu ul  { margin: 0px;padding: 0px;}
#menu ul li {list-style: none;float: left;padding: 0px;margin: 0px 0px 0px 0px;border-right: 1px solid white;width: 109px;}
#menu ul li a {font-weight: normal;font-size: 90%;text-decoration: none;display: block;color: white;padding: 10px 21px 10px 20px;margin: 0px 0px 0px 0px;height: 60px;}
#menu ul li a.active { background-color: silver; }
#menu ul li.last {border-right: 1px solid rgb(120,120,120);}
#menu ul li a:hover, #menu ul .active a {color: black; background-color: rgb(230,230,230);}
*/

/* ********* MENU MOBILE  ********* */

    #mobileMenu {display:block; top: 0; left: 0;}

    .slicknav_menu {display:none; width: 100%; top:0; padding: 0; margin-top: 100px;z-index: 9996;position: absolute;background-color: white;} 
    .slicknav_btn {    float: right; z-index: 9995; position: fixed; top: 29px; right: 45px;width: 46px; padding: 7px 6px 10px 6px;  background-color: transparent; }
    .slicknav_btn .close {  left:0; top:0; }

    .slicknav_menu .slicknav_icon { float: none;-webkit-transform: translateZ(0);transform: translateZ(0);}
    .slicknav_menu .slicknav_icon-bar { display: block; width: 100%; height: 3px; background-color: rgb(234,163,44); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: none; }
    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.4em }
    .slicknav_menu .slicknav_icon .slicknav_no-text { padding: 0; }
 
    .slicknav_nav   {  padding: 0 0 20px 20px;}
    .slicknav_nav ul  {  margin: 0; padding: 60px 0 20px 0; text-align: center;list-style: none; overflow: auto; }
    .slicknav_nav ul a, .slicknav_nav ul li a:hover  {  letter-spacing: 2px; color: rgb(81,81,81); padding: 0 10px 10px 0px; margin: 0px 0 30px;text-decoration: none; font-size: calc(30px + (84 - 30) * (50vw - 320px) / (1680 - 320));}
    .slicknav_nav ul li   { padding: 0 10px 10px 10px;}
    
    .slicknav_nav ul li a:hover, .slicknav_nav ul>li>ul>li a:hover {color: rgb(234,163,44);background-color:transparent;}


    .slicknav_nav ul li ul a:hover, .slicknav_nav ul li ul .slicknav_row,.slicknav_nav ul a:focus, .slicknav_nav ul li ul a:focus  
    { outline: none;}


    .slicknav_nav ul ul { padding: 15px 0 0 20px;list-style: none; height: auto!important; font-size: 90%;}

    .slicknav_nav .slicknav_arrow { font-size: 80%; }
    /*.btnClose { display: block; width:38px; height: 23px; margin:0;background-image: url('../images/btn-close.png');background-position: center top;background-repeat: no-repeat;}*/  
    .btnClose {
       display: block;
        position: relative;
       
    }
    .btnClose .slicknav_icon-bar{
        transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        display: block;
        width: 100%;
        position: absolute;
        top: 7px;
        left: 0;
    }
    .btnClose .slicknav_icon-bar:nth-child(1){-webkit-transform: rotate(40deg) translateX(2.8px) translateY(6.4px);
        -ms-transform: rotate(40deg) translateX(2.8px) translateY(6.4px);
        transform: rotate(40deg) translateX(2.8px) translateY(6.4px);}
    .btnClose .slicknav_icon-bar:nth-child(2){opacity: 0;}
    .btnClose .slicknav_icon-bar:nth-child(3){-webkit-transform: rotate(-40deg) translateX(2.8px) translateY(-6.4px);
        -ms-transform: rotate(-40deg) translateX(2.8px) translateY(-6.4px);
        transform: rotate(-40deg) translateX(2.8px) translateY(-6.4px);    top: 15px;}


/********************* main content **********************/


#mainContent { padding:0;margin: 0; position: relative; width: 100%; height: 100%;  top: 100px; background-color: white;}

.sectionPath { display: none; }

.multimedia {text-align: center;}        
.multimediaList .item {text-align: center;border: 0px;padding: 0px 4px 10px 4px;margin: 0px;}
.multimediaList .item img {border: 0px;padding: 0px;margin: 0px;}
.article h2.sectionTitle { display: none; }

.highslide-caption .messageBox {text-align: left; margin-top: 10px; padding: 10px; background-color: Silver;}
.highslide-caption .messageBox .label {color: Black; cursor: default;}
.highslide-caption .messageBox .buttons {text-align: right; padding-top: 10px;}
.highslide-caption .messageBox .submit {padding: 2px 20px 2px 20px;}
.highslide-caption .messageBox .txtComment {display: none;}

#flake {z-index:700;}


#mainCategories {position: absolute; bottom: 4%; right: 0;left: 0;width: 90%;margin: auto; text-align: center;z-index: 99; padding-left: 295px; box-sizing: border-box; display: table;border-spacing: 1.5em;}
#mainCategories .mainCategoriesTitle {display: table-cell; font-family:'Italianno', cursive;font-size: 350%; background-color: rgba(240,240,240,0.9); width:30%; }
#mainCategories .mainCategoriesTitle a {display: block; width: 100%; color: rgb(76,84,92);text-decoration: none; padding: 1% 5px;}
#mainCategories .mainCategoriesTitle a:hover {color: white;}
#mainCategories .mainCategoriesTitle:hover {background-color: rgba(76,84,92,0.9); color: white;}

/********************* footer ****************************/

#footer, .sectionFooter {margin: 10px auto 20px auto; color: rgb(76,84,92);text-align: center; padding: 10px; font-size: 80%;}
#footer p, .sectionFooter p { margin: 0px;padding: 0px;}


/********************* highslide forms ****************************/

.hsFormBody {margin: 0px 0px 0px 5px;padding: 0px;font-family: "Myriad Web" , sans-serif;font-size: 0.8em;background-color: rgb(255, 255, 255);color: black;}

.hsFormBody .contacts {width: 300px;}

#hsFormMainContent {padding: 15px 15px 25px 15px;margin: 0px 0px 10px 20px;background-color: white;}

.errorLabel {color: #AA0000;text-align: center;font-weight: bold;font-size: 90%;    }

.messageSent {text-align: center; padding: 10px;}

#homeIllustration, #articleCycle {position: relative; display: block; z-index: 50; width: auto;height: 100%; position: relative; top: 0;  margin-left: 295px; box-sizing: border-box;  }
#homeIllustration div, #articleCycle div { display: none; height: 100%;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center 1%;}
.homeIllustrationHref {cursor: url("../images/cursorArrow.png"), auto;  position: relative; display: block; }


#leftColumnIllustration {position: absolute;z-index: 51; left:0;top:0; width: 297px;border-right: 5px solid white; box-sizing: border-box; background-repeat: no-repeat;background-size: 100% auto; background-image: url('../images/leftColumnBg.png');background-color: rgb(236,239,232);height: 100%;}
#leftColumnIllustration .madeInGermany {display: block; position: absolute; bottom:20px; left: 30px; }
.arrowDown  {display: none; position: absolute; bottom:0px; right: 0; left: 0; margin: auto;text-align: center;}


.motto {display: block; position: absolute; text-decoration: none; z-index:999; top:70px; right: 37px;color: white; text-shadow: 2px 2px #38343494; font-family: Oxygen, Geneva, sans-serif; font-size: 400%; line-height: 105%; font-weight: normal; /*text-shadow: 0.5px 1.0px 4px gray;*/}
.motto:hover {text-decoration: none; color: white; }
.motto .secondLine {display: block; padding-left: 90px;}
.madeInGermany {position: absolute; z-index:99; bottom: 20px; left: 20px; height:74px; width:112px;}
.madeInGermanyCB {display: block; margin:0!important; padding: 0;position: absolute; right: 5vw; top: 25px;}



/* *********    WELCOME TEXT********* */
#MaxiluxInfo { position: relative; height:100%;padding: 10% 0 0 0; top: 95px;}
#welcomeText { margin: 10px auto 0 auto; width: 85%; display:table; height:257px;}
#welcomeText .homeBox { position: relative; display: table-cell; white-space: nowrap; height:100%;background-repeat: no-repeat;background-size: cover;background-position:0;}
    #welcomeText .homeBoxTitle { position:absolute;font-weight: bold; bottom: 4%; color: white; font-size: 160%;}
    #welcomeText .separator{ width:0.8%;}
#welcomeText .one {width:218px;background-image: url('../images/homeBox1-bg.png');border: 0px;}
    #welcomeText .one .homeBoxTitle { left:0;right: 0 ;width: 90%;height: 60px;line-height: 60px;margin: auto; background-image: url('../images/arrow-realizace.png');background-position:top right;background-repeat: no-repeat;}
#welcomeText .two {width: auto; background-image: url('../images/homeBox1-vis.jpg'); border: 0px;background-size: cover;}
    
#welcomeText .three {width:218px;background-image: url('../images/homeBox2-bg.png');text-align: center;border-right: 10px; border-style: solid; border-color: rgba(236,239,232, 0);}
    #welcomeText .three .homeBoxTitle { left: 0; right: 0; margin: auto;height: 110px;line-height: 166px;margin: auto; background-image: url('../images/kolecko.png');background-position:top center;background-repeat: no-repeat;}

#welcomeText .four {width: 35%;background-image: url('../images/homeBox3-bg.jpg');border: 0px;background-size: cover;}
    #welcomeText .four .homeBoxTitle { right: 6%; bottom: auto; top: 10%; font-size: 220%;}



.description { margin: 10px auto 0 auto; width: 85%; background-color: rgb(249,250,247);box-sizing: border-box; padding: 3%;font-size: 120%;text-align: center;}

.nextChap {display: block; width: 45px; height: 33px; background-image: url('../images/arrowTop.png');background-position: left top;background-repeat: no-repeat; padding: 0; margin: 20px auto;}
.nextChap:hover {background-position: left bottom;}

/* *********    ARTICLE********* */
.article #mainContent {top:94px; }
.article .description, #section { margin-left: 295px;width: auto; box-sizing: border-box; padding: 1vw 5vw 5vw 5vw;position:relative; text-align: left;}
#articleCycle {height: 45vh; margin:0 0 20px 0;}
.article #footer  {margin: 10px auto 0 auto; position: relative;}
.sectionFooter {top: 94px; margin: 10px auto 0 auto!important; padding-left: 295px; width: auto; box-sizing: border-box;}

.perexImage {cursor: pointer;}
.articleIllustration {float: right; margin-left: 10px;}
.articleGalleryLink {margin: 10px 0px 10px 0px; padding: 10px; text-align: center; background-color: silver; color: black;}
.articleGalleryLink a {color: black; text-decoration: underline;}
.articleExternalLink {margin: 10px 0px 10px 0px; padding: 10px; text-align: center; background-color: rgb(210,240,150); color: black;}
.articleExternalLink a {color: black; font-weight: bold; text-decoration: underline;}


#section h1 {padding-top: 0px;}
#section .sectionPerex .perexImage { display: none; }

.highslide-caption {text-align: left;}
.captiontitle {display: block; font-weight: bold;}

.odrazky { margin: 10px 0px 10px 10px; padding: 0px 0px 0px 20px;}
.odrazky li {  list-style-image: URL('/images/odrazka.gif'); padding: 0px 0px 3px 0px;}
.odrazky a {  color: rgb(0,130,68);}
.odrazky a:hover {  color: rgb(245,173,70);}

.accessories { width: 252px;  float: right; margin: 0px 0px 10px 20px;}

.galleryPattern img { border: none;}
.galleryPattern .sampleNum { display: block; margin: 0px 0px 12px 0px;}
.galleryPattern .gallerySpace {display: block;margin: 0px 12px 6px 0px;} 

#section .grdArticles .articleItem .articlePerex  {text-align:left;}

.sectionFooter {padding-left: 295px!important;width: auto;box-sizing: border-box;}



/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { display: block;}
/* in case script does not load */
.cycle-slideshow img:first-child { position: static; z-index: 100;}
/* pager */
.cycle-pager { 
    text-align: right; width: 100%;top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/** MULTIMEDIA **/
.article .container{ margin:0; padding:0;}
#section {text-align:left;background-color: rgb(249,250,247);}
.multimediaList .item { float: left; padding-bottom: 8px; text-align: left; width: 150px; height: 150px; }

#section .grdArticles.tiles .articleItem { display:table-cell;min-height: auto; }
#section .grdArticles.tiles .articleItemTitle { min-height: 68px; }
#section .grdArticles .articleItem .articleTitle a{ font-weight: normal; }

.contactImage  { float:right; width:350px; margin-left: 10px; }
.contactImage img  { display: block; width:100%; height: auto; }



@media screen and (max-width: 1300px) {  
#mainCategories {border-spacing: 1em;}
#welcomeText .four {width: 25%;}
}

@media screen and (max-width: 1100px) {  
#header .contact {font-size: 100%;}
#mainCategories {width: 100%;border-spacing: 1.5em;bottom: 2%;} 
}

@media screen and (max-width: 1015px) {  
.madeInGermanyCB {display: none;}
}

@media screen and (max-width: 990px) {  
   #header   {top: 0; /*height: 170px;*/ width: 100%; position: fixed; }
    .container.submenuActive #mainContent {margin: 95px 20px 0 20px;} 
    #mainContent  { margin: 0 0 0 0; }
    #header .contact  {display:none;} 


    .motto{ right: 20px; top: 10%; }

    #welcomeSlide { width: 100%; height: auto;}
     #welcomeSlide img { width: 100%; height: auto;}
    .cycle-slideshow {width: 100%;height: auto;}    
    #section .grdArticles.tiles .articleItem { margin-right: 16px; }
    
    .product-list .product-item  {display: table-cell; width: 22%; margin-right: 3%;}
    .product-list .product-item .item-picture img  {width: 100%!important; height: auto!important;}
    .product-list .item-spacer {display: none;}
    .product-list .item-text {font-size:80%;}
    #headerLuxaflex .cycle-slide {width: 100%;height: auto; margin-bottom:20px;} 
    #product-detail-scroller     {height: auto;} 
    
    #product-detail-scroller {width: 100%;}
    #product_list { width: 90%;  }
    .product-list { width: 100%;  }
    
    #product-list-nav {display: block;position: relative; width: 100%; height: auto;padding:10px 0 15px 0;}
    #product-list-nav div.scroll-to-id {display: inline-block;position: relative; width: auto; border-right: 1px solid rgb(0,130,68);padding: 0 4px 0 0;line-height: 100%; margin:0 0 4px 0;}

    .product-list .product-item  {width: 21%;}
    
    #main, #gallery-main {padding-left: 0px;padding-right: 0px;}
     
    #mainCategories .mainCategoriesTitle {white-space:nowrap;}

    #welcomeText { height:190px; width: 100%;}
    #welcomeText .one, #welcomeText .three {width:161px;}
    #welcomeText .four {width: 26%;}
    #welcomeText .homeBoxTitle {font-size: 134%; }
    #welcomeText .four .homeBoxTitle { font-size: 160%;}
    .description, #section { width: 100%; padding: 20px;}


}

@media screen and (max-width: 840px) {    
    .itemParticle {display:none;}
    #leftColumnIllustration {width: 25%;}
    #homeIllustration{margin-left: 25%;} 
    #mainCategories {padding-left: 25%;} 
    .article .description, #section { margin-left: 25%;}
    .sectionFooter { padding-left: 25%;}
} 

@media screen and (max-width: 730px) {  
#mainCategories { border-spacing: 0.5em;}
#mainCategories .mainCategoriesTitle {  font-size: 270%; padding: 1% 1%;}  
}

@media screen and (max-width: 650px) {  
    #socialLinks {margin: 32px 90px 0 0;}
    .slicknav_btn {  right: 20px;}
   } 
   


@media screen and (max-width: 600px) {    
    #section .grdArticles.tiles .articleItem { margin-right: 15px; }    
    .contactImage  { width:250px;  }
    #socialLinks {  top: 60px; left: auto; right:36px; }
    #leftColumnIllustration {display: none;}
    #homeIllustration {margin-left: 0;} 
    #mainCategories { padding-left: 0;bottom: 15%;} 
    .article .description { margin-left: 0; padding: 1vh 2.7vw 5vw 2.7vw;}
    #section { margin-left: 0; padding: 3.3vw 2.7vw 5vw 2.7vw;}
    .sectionFooter { padding-left: 0!important;}
    
    #welcomeText {height:auto;}
    #welcomeText .homeBox {height:90px; background-size:cover;width:auto; }
        #welcomeText .homeBoxTitle { font-size: 130%;bottom: 8%;}
        #welcomeText .separator1{ display:table-row;height:10px;}
        #welcomeText .separator2{ display: none;}
        #welcomeText .one, #welcomeText .three { width:160px;}
        #welcomeText .one .homeBoxTitle { height: 66px;}
        #welcomeText .three .homeBoxTitle { height: 80px;line-height: 150px;}

     

} 

@media screen and (max-width: 570px) {  
#mainContent  { padding-top: 37px; }    
    .slicknav_btn {  top:102px; right: 0.2vw;}
    #logo{ width:100%; text-align: center;}
    #socialLinks {top: 71px;left: 2.7vw;position: absolute;}
    #header  {  border-bottom: 37px solid white;}
    #MaxiluxInfo {padding: 135px 0;}
    .slicknav_menu .slicknav_icon-bar {width: 85%;} 
    .slicknav_nav ul li   { padding: 0 10px 7px 10px;}
} 


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

     #section .grdArticles.tiles .articleItem  {width: 100%; height: auto; min-height: auto; }
     #section .grdArticles.tiles .articleItem .perexImage   {float: left; margin: 0 10px 0 0; }
    #section .grdArticles.tiles .articleItemImage .perexImage img   { }
    #homeIllustration .arrowDown, #homeIllustrationShort .arrowDown {display: block;}
    #welcomeDivide {height:10px; }

    #mainContent  { padding-top: 37px; }
    #mainCategories .mainCategoriesTitle { display: block; width: 75%; margin: 10px auto;} 
} 
@media screen and (max-width: 480px) {  
    .madeInGermany  {display: none;  }
    .contactImage  { width:40%;  } 
    .articleGalleryLink a  { font-size: 90%; line-height: 135%; } 
   
}

@media screen and (max-width: 460px) {  
    #section .grdArticles.tiles .articleItem { margin-right: 10px; }
}


@media screen and (max-width: 390px) { 
.product-list .product-item  {width: 46%; margin-right: 10px;}
.slicknav_nav   {  padding: 0 0 0 10px;}
.slicknav_nav ul ul { padding: 15px 0 0 7px;font-size: 85%;}
#welcomeText .four .homeBoxTitle { font-size: 140%;}
}

@media screen and (max-width: 360px) { 
.slicknav_nav ul   { padding-top: 25px;}
.slicknav_nav ul li   { padding: 0 4px 0 10px;}


}


@media screen and (max-width: 340px) { 
 #section .grdArticles.tiles .articleItem { margin-right: 0px; }
 #section .grdArticles.tiles .articleItemImage   {padding:0;}
 #section .grdArticles.tiles .articleItem .perexImage   {width: 46%; border: none; padding:0;}
 #section .grdArticles.tiles .articleItem .perexImage img   {width: 100%!important; height: auto!important;  }

}



@media screen and (max-height: 580px) {  


      .slideshow { position: relative!important; top:0!important; margin: 20px auto 10px auto;  width: 100%!important; right: 0;}
     .madeInGermany  {display: none;  }
     .slicknav_nav ul { padding: 20px 0;height: 70vh!important; overflow-y: auto;}
     .slicknav_nav ul a {font-size: calc(30px + (84 - 30) * (40vw - 320px) / (1680 - 320));}
}
@media screen and (max-height: 480px) {  
#articleCycle {height: 25vh;}
}
@media screen and (max-height: 260px) {  
    #mainCategories  {bottom:auto;}
}

@media screen and (max-height: 360px)and (max-width: 520px){
    #mainCategories .mainCategoriesTitle {margin: 2px auto; padding: 0.2% 1%;font-size: 240%}

}