@-ms-viewport{
    width:device-width
}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('fonts/texgyreadventor-regular-webfont.eot');
    src: url('fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/GOTHIC.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alluraregular';
    src: url('fonts/NonHR/allura-regular-webfont.eot');
    src: url('fonts/NonHR/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NonHR/allura-regular-webfont.woff') format('woff'),
         url('fonts/NonHR/allura-regular-webfont.ttf') format('truetype'),
         url('fonts/NonHR/allura-regular-webfont.svg#alluraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'promocyjamedium';
    src: url('fonts/promocyja-webfont.eot');
    src: url('fonts/promocyja-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/promocyja-webfont.woff') format('woff'),
         url('fonts/promocyja-webfont.ttf') format('truetype'),
         url('fonts/promocyja-webfont.svg#promocyjamedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ponsirounded_slabregular';
    src: url('fonts/PonsRoundedSlab-Regular-webfont.eot');
    src: url('fonts/PonsRoundedSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PonsRoundedSlab-Regular-webfont.woff') format('woff'),
         url('fonts/PonsRoundedSlab-Regular-webfont.ttf') format('truetype'),
         url('fonts/PonsRoundedSlab-Regular-webfont.svg#ponsirounded_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cyntho_slab_proitalic';
    src: url('fonts/CynthoSlabPro-Italic-webfont.eot');
    src: url('fonts/CynthoSlabPro-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CynthoSlabPro-Italic-webfont.woff') format('woff'),
         url('fonts/CynthoSlabPro-Italic-webfont.ttf') format('truetype'),
         url('fonts/CynthoSlabPro-Italic-webfont.svg#cyntho_slab_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_slab500';
    src: url('fonts/Museo_Slab_500_2-webfont.eot');
    src: url('fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notcouriersansregular';
    src: url('fonts/NotCourierSans-webfont.eot');
    src: url('fonts/NotCourierSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotCourierSans-webfont.woff') format('woff'),
         url('fonts/NotCourierSans-webfont.ttf') format('truetype'),
         url('fonts/NotCourierSans-webfont.svg#notcouriersansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'amerikaregular';
    src: url('fonts/AMERIKA_-webfont.eot');
    src: url('fonts/AMERIKA_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/AMERIKA_-webfont.woff') format('woff'),
         url('fonts/AMERIKA_-webfont.ttf') format('truetype'),
         url('fonts/AMERIKA_-webfont.svg#amerikaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'veggieburgerregular';
    src: url('fonts/VeggiMed-webfont.eot');
    src: url('fonts/VeggiMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/VeggiMed-webfont.woff') format('woff'),
         url('fonts/VeggiMed-webfont.ttf') format('truetype'),
         url('fonts/VeggiMed-webfont.svg#veggieburgerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, span, a, table, th, td, form, label, select, textarea, img, textbox
{
	margin: 0;
	padding: 0;
	font-family: Century Gothic, texgyreadventorregular, Arial;
	font-size: 13px;
	color: #4a3b2e;
	text-decoration: none;
}
body{
    background: #fff url('slike/bgBody.jpg') top center;
}
p{
    font-size: 14px;
    line-height: 22px;
    color: #4a3b2e;
}
a:link{text-decoration: none;}
a:hover{text-decoration: underline !important;}
p a{font-weight: bold;}
p a:hover{font-weight: bold; border-bottom: solid 1px #333;}

.hyProductList{font-weight: normal; color: #bc9e70; text-decoration: none;}
.hyProductList:hover{font-weight: normal; color: #704e1b; text-decoration: none; border-bottom: solid 1px #bc9e70;}

/* SLIKA U ZAGLAVLJU */
.imgHeader{
	max-width: 100%;
	height: auto;
}
.imgFullwidth{
    width: 100%;
	height: auto;
}
@media \0screen {
   /* for ie 8 */
  .imgHeader {width: auto;}
  .imgFullwidth{width: auto;}
}
.haccap{
    position: absolute;
    right: 20px;
    top: -40px;
    padding: 5px;
    background: #f8edd7;
    z-index: 10;
     -moz-box-shadow: 0px 0px 10px 0px #666;
    -webkit-box-shadow: 0px 0px 10px 0px #666;
    box-shadow: 0px 0px 10px 0px #666;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    border: solid 1px #999;
}
.haccap img{width: 120px;}

.logoWraper{
    position: absolute; 
    top: -50px; left: 0px;  right: 0px;
    margin: auto; 
    height: 140px;
}
.logoWraperMaster{
    position: absolute; 
    top: -50px; left: 10px;
    height: 140px;
    z-index: 2;
}


h2{font-size: 20px; line-height: 26px; color: #81591c; margin: 5px 0px; display: block;}
h2 a{font-size: 20px; line-height: 26px; color: #81591c;}
h2 a:hover{font-size: 20px; line-height: 26px; color: #81591c; border-bottom: solid 1px #345c1e;}
h3{font-size: 16px; line-height: 20px; color: #1c0f03; font-weight: bold; display: block;}
h4{font-size: 24px; line-height: 30px; font-weight: bold; color: #81591c; margin: 10px 0px;}
h5{font-size: 16px; line-height: 20px; color: #666; font-weight: bold; margin: 10px 0px; display: block;}
h6{font-size: 16px; font-weight: normal; line-height: 20px; color: #81591c; margin: 10px 0px 5px 0px; display: block;}

.leftPanel{
    width: 70%; 
    vertical-align: top; 
}
.rightPanel{
    width: 30%; 
    text-align: center;
    vertical-align: top; 
    background: #fff; 
    border-left: dashed 1px #999; 
    padding: 0px;
}
.rightPanel img{
    width: 100%;
    max-width: 150px;
    min-width: 100px;
}
.headWraper{
    background: url('slike/bgHeadStrip.jpg') repeat-x;
}
.footerWraper{
    max-width: 950px;
    margin: 0px auto;
    left: 0px; right: 0px;
    padding: 0px;
    position: relative;
}

.pageWraper{
    background: #fff;
    max-width: 950px;
    margin: 0px auto;
    left: 0px; right: 0px;
    padding: 0px;
    position: relative;
    border: 2px solid #fff;
}
.disclamer{margin: 10px auto;max-width: 950px;left: 0px; right: 0px; font-size: 16px; font-style: italic; text-align: center; padding: 0% 10%;}
.euTitle{
    max-width: 950px;
    height: 260px;
    margin: 0px auto;
    left: 0px; right: 0px;
    top: -334px; 
    position: absolute; 
    z-index: 1;
    background: url('slike/naslovnica/projekt.jpg') no-repeat;
}
.euTitle div{color: #fff; font-weight: bold; font-size: 18px;}
td#cellText{
    width: 50%;
    max-width: 400px; 
    vertical-align: middle; 
    font-size: 20px; line-height: 30px;
    padding: 0px 10px;
}
td#cellText a{
    display: block;
    text-align: right;
    font-family: alluraregular, promocyjamedium;
    font-size: 26px; line-height: 30px;
    padding: 20px 10px 0px 10px;
    font-weight: bold;
    color: #777;
    height: 45px;
    background: url('slike/underlineMoreGray.png') right bottom no-repeat;
}
td#cellText a:hover{
    display: block;
    text-align: right;
    font-family: alluraregular, promocyjamedium;
    font-size: 26px; line-height: 30px;
    padding: 20px 10px 0px 10px;
    text-decoration: none !important;
    color: #f30000;
    font-weight: bold;
    height: 45px;
    background: url('slike/underlineMoreRed.png') right bottom no-repeat;
}
td#cellImage{
    text-align: center;
    width: 50%;
}
td#cellImage img{
    min-width: 100px;
    max-width: 350px;
    width: 80%;
    margin: 0px auto;
    left: 0px; right: 0px;
}
td#cellKategorije{
    width: 210px;
    padding-right: 40px;
    vertical-align: top;
    text-align: right;
}
td#cellKategorije p{
    font-size: 13px; color: #999;
    line-height: 20px;
    text-align: right;
    margin: 10px 10px 20px 0px;
}
/* tabela proizvoda*/
.tblProizvodi{
    width: 100%;
    border: none;
}
.tblProizvodi tr td{
    min-width: 60px; padding: 10px; vertical-align: top;
}
.tblProizvodi tr td:nth-child(1){
    width: 20%;
}

.greenRibon{background: #607f31; height: 30px; color: #fff; font-size: 18px; line-height: 30px;}
.divNews{
    text-align: left;
    margin: 10px;
}
.divNews img{width: 25%; min-width: 40px; max-width: 80px; margin: 0px 10px 0px 0px;}


.newsWraper{
    background: url('slike/bgNews.png') no-repeat top center;
    height: 300px;
}
.listNews{
    overflow: hidden;
    vertical-align: top;
}
.listNews li{
    list-style: none;
    display:inline-block;
    max-width: 470px; height: 150px; 
    width: 49%;
    vertical-align: top;
}
.listNews li a{
    background: #fff;
    display: inline-block;
    max-width: 178px; height: 128px; 
    width: 49%;
    border: solid 1px #999;
    margin: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    vertical-align: top;
}
.listNews li div{
    display: inline-block;
    vertical-align: top;
    height: 150px;
    max-width: 250px;
    width: 49%;
}


.telefon{
    float: right;
    font-size: 28px; 
    line-height: 25px;
    color: #7a502d;
    margin: 20px;
}
.telefon span{
    font-size: 11px;
    line-height: 12px;
    color: #7a502d;
    display: block;
    text-align: right;
}
.navBarDesktop{position: relative; height: 50px; background: #bc9e70; border-top: solid 2px #946c32;}
.listTopic{
    display: inline-block;
    margin-left: 20px; 
    padding: 0px;
    height: 50px;
}

.listTopic li{
    list-style: none;
    display:inline-block;
    margin: 0px;
    padding: 0px;
}
.listTopic li a{
    /*font-family: alluraregular, promocyjamedium;*/
    font-size: 20px;
    font-weight: normal;
    display:inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
    color: #4e3c21;
     -moz-transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
    -o-transition: background 0.5s, color 0.5s;
    transition: background 0.5s, color 0.5s;
    
}
.listTopic li a:hover{
    color: #fff;
    text-decoration: none !important;
    background: #704e1b;
}
.navBarMoblie{display: none; position: relative; height: 40px; background: #bc9e70; border-top: solid 2px #946c32;}
.listIcon{padding: 0px; height: 40px; width: 100%;}
.listIcon li{list-style: none; display:inline-block; margin: 0px; padding: 0px; width: 20%;}
.listIcon li a{display:inline-block; width: 100%; height: 40px; line-height: 40px;}
.listIcon li:nth-child(1) a{background: url('slike/icoHome_brown.png') no-repeat center center; background-size: 60% ;}
.listIcon li:nth-child(2) a{background: url('slike/icoProducts_brown.png') no-repeat center center; background-size: 60% ;}
.listIcon li:nth-child(3) a{background: url('slike/icoEU_brown.png') no-repeat center center; background-size: 60% ;}
.listIcon li:nth-child(4) a{background: url('slike/icoFoto_brown.png') no-repeat center center; background-size: 60% ;}
.listIcon li:nth-child(5) a{background: url('slike/icoImako_brown.png') no-repeat center center; background-size: 60% ;}
.listIcon li:nth-child(1) a:hover{background: url('slike/icoHome_white.png') no-repeat center center;}
.listIcon li:nth-child(2) a:hover{background: url('slike/icoProducts_white.png') no-repeat center center;}
.listIcon li:nth-child(3) a:hover{background: url('slike/icoEU_white.png') no-repeat center center;}
.listIcon li:nth-child(4) a:hover{background: url('slike/icoFoto_white.png') no-repeat center center;}
.listIcon li:nth-child(5) a:hover{background: url('slike/icoImako_white.png') no-repeat center center;}

.hoveredCategory{
    background: #feb306;
    text-decoration: none !important;
    color: #000;
}
.divInfoCard, .divMapCard{
    display: inline-block;
    width: 29%;
    min-width: 130px;
    margin: 20px 1%;
    vertical-align: top;
}
.divMapCard{max-width: 160px;}
.divMapCard img{
    max-width: 160px; 
    width: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;    
    border: solid 1px #333;
}
.divInfoCard img{
    width: 100%;
}
.divInfoCardfull img{
    width: 25%;
    min-width: 100px;
}
.tblProizvodi img{
    width: 100%;
    min-width: 100px;
    max-width: 200px;
}
.divInfoCard a, .divMapCard a{
    text-decoration: none !important;
    width: 100%;    
}
.divInfoCardfull a{
    text-decoration: none !important;
}
.roundedCorner{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;    
    border: solid 1px #333;
}

.divInfoCardfull{
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    text-align: left;
}
/* slider fotogalerije */
.divFotoGallery{
    list-style-type: none;
    width: 100%;
 }
.divFotoGallery li {display: inline-block; padding: 0.5%; border: solid 1px #666; margin: 0% 1.5% 1.5% 0%; width: 30%; min-width: 150px;}
.divFotoGallery li:hover{background: #f2a036; border-color: #d10202;}
.divFotoGallery li img{
    width: 99.5%; border: none; text-align: center;
}
.divFotoGalleryNavigation{
    background: #000;
    width: 40px;
    height: 99%;
    top: 0px;
    position: absolute;
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
.divFotoGalleryNavigation:hover{
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

hr{
    margin: 20px 10px;
    border: dashed 1px #ccc;
}
.footer{
    margin: 0px;
    min-height: 80px;
    background: url('slike/bgFooter.jpg');
    /*height: 260px;*/
}
.footerLogo{
    clear: both;
    margin: 0px;
    text-align: right;
}
.footerLogo img{
    border: none;
    margin: 1px;
}
.footerLogo a:nth-child(1){
    display: inline-block; 
    float: left;
    color: #80f13e;
    line-height: 40px;
} 
.textLink{
    font-weight: bold;
    color: #df4002;
    text-decoration: none;
}
.textLink:hover{
    text-decoration: underline;
}
.boxFooter{
    display: inline-block; 
    margin: 20px 20px 20px 10px; 
    color: #fff; 
    vertical-align: top;
    line-height: 20px;
}
.listFooter li{
    list-style: none;
    color: #f1f75b; 
}
.listFooter li:hover{
    list-style: disc;
}
.listFooter li a{
    text-decoration: none !important;
    color: #fff; 
}
.listFooter li a:hover{
    text-decoration: none !important;
    color: #f1f75b; 
}

.listKategorije li{
    list-style: none;
    border-bottom: solid 1px #eee;
}
.listKategorije li a{
    /*font-family: alluraregular, promocyjamedium;
    font-size: 26px;*/
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    text-align: right;
    margin: 0px;
    color: #3b2112;
    display: block;
    padding-right: 50px;
}
.listKategorije li a:hover{
    background: url('slike/bgKategorije.png') no-repeat;
    color: #fff;
    text-decoration: none !important;
}


/****** CMS *******/
.greska{color: #b80000;}
.tx150{   
    width: 150px; 
    height: 24px; 
    padding: 0px 10px;
    border: solid 1px #6f411c;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: inset 0px 0px 3px 0px #9a7f62;
    -webkit-box-shadow: inset 0px 0px 3px 0px #9a7f62;
    box-shadow: inset 0px 0px 3px 0px #9a7f62;
}
.gumb {
    display: inline-block;
    min-width: 60px;  
    height: 25px; line-height: 25px;
    padding: 0 12px;
    border: 1px solid #6f411c; 
    border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 1px #333;
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 1px #333;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2),0px 1px 1px #333;
    outline: none;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #ddd;
    -webkit-font-smoothing: antialiased;
    font-family: Helvetica, Arial, sans-serif;
}
/* crveni gumb */
.gmbSnimi 
{
    background-color: #f26905;
    background-image: -moz-linear-gradient(top, #ffbc6d 0%,  #c81414 50%, #870404 50%, #ce2222 100%);
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #ffbc6d), color-stop(50%, #c81414), color-stop(50%, #870404), color-stop(100%, #ce2222));
    background-image: -o-linear-gradient(top, #ffbc6d 0%,  #c81414 50%, #870404 50%, #ce2222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbc6d', endColorstr='#c81414'); 
    text-shadow: #750909 0px 1px 1px;
    cursor:pointer;
}
.gmbSnimi:active,
.gmbSnimi.pressed 
{
    background-color: #f26905;
    background-image: -moz-linear-gradient(top, #570202 0%, #cb2020 100%);
    background-image:  -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #570202),color-stop(100%, #cb2020));
    -webkit-box-shadow: inset 0px 1px 1px rgba(247,163,95,0.5),0px 1px 1px #333;
    -moz-box-shadow: inset 0px 1px 1px rgba(247,163,95,0.5),0px 1px 1px #333;
    box-shadow: inset 0px 1px 1px rgba(247,163,95,0.5),0px 1px 1px #333;
} 
.olNatjecaj{list-style-position: inside;}
.olNatjecaj li{display: list-item; margin: 5px 0px; padding: 5px 0px; border-bottom: dotted 1px #333;}
.olNatjecaj li table{vertical-align: top; display: inline-table; width: 95%;}
.cellIznos{vertical-align: middle; font-weight: bold; text-align: right; padding-right: 10px; min-width: 100px;}

.natjecaj{margin: 20px 5px;}
.natjecaj li{
    list-style: none;
    border: solid 1px #bc9e70;
    background: #e6d6bd;
    display: inline-block;
    padding: 10px;
    max-width: 30%;
    min-width: 230px;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .listTopic li a{
        font-size: 18px;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .listTopic li a{font-size: 16px; padding: 0px 10px;}
    .greenRibon{font-size: 14px;}
}

@media (max-width: 640px) {
    .greenRibon{font-size: 12px;}
}


/* Landscape phones and down */
@media (max-width: 480px) {
    .listTopic li a{
        font-size: 14px;
        padding: 0px 5px;
    }
    .tblProizvodi tr td:nth-child(1){
        width: 20%;
        padding: 10px 0px;
    }
    .rightPanel{
        display: none;
    }
}
@media (max-width: 360px) {
    .navBarMoblie{display: block;}
    .navBarDesktop{display: none;}
    #cellKategorije{display: none;}
}
.tabBar ul li {
    padding: 5px 20px;
    margin-right: 2px;
    float: left;
    position: relative;
    list-style: none;
    border: solid 1px #ccc;
    -moz-border-top-left-radius: 5px; 
    -webkit-border-top-left-radius: 5px; 
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px; 
    -webkit-border-top-right-radius: 5px; 
    border-top-right-radius: 5px;
    background-color: #eeeeee;
    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #d8c4a5 100%);
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #d8c4a5));
}
  
.tabBar ul li > a
{
    display: block;
    float: left;
    position: relative;
    line-height: 24px; 
    cursor: pointer; 
    text-align: center;
}
.tabBar ul li > a:hover
{
    text-decoration: none !important;
    color: #d70cc6;
}
.tabContainer{
    clear: both;
    border: solid 1px #ccc;
    position: relative;
    top: -1px;
    min-height: 100px;
    overflow-y: auto; 
    margin-bottom: 5px;
    padding: 5px;
}
.uiBlocker{
    visibility: hidden; position: absolute; 
    top:0px; bottom:0px; left:0px; right:0px; 
    background-color: #000; 
    opacity: 0.5; 
    filter: alpha(opacity=0.5); 
    -moz-opacity: 0.5; 
    display: block; 
    z-index: 1601; 
    -webkit-user-drag: none;
    vertical-align: middle;
}
.uiBlocker{text-align: center;}
.uiBlocker>span{display: inline-block; height: 100%; vertical-align: middle;}
.uiBlocker>div{display: inline-block; vertical-align: middle; margin-left: auto; margin-right: auto; color: #fff;}
.uiBlocker img{vertical-align: middle; margin: 10px;}

.divGallery{
    list-style-type: none;
    width: 100%;
 }
.divGallery li {display: inline-block; padding: 0.5%; border: solid 1px #666; margin: 0% 1.5% 1.5% 0%; width: 22%; min-width: 120px;}
.divGallery li:hover{background: #f2a036; border-color: #d10202;}
.divGallery li img{
    width: 99.5%; border: none; text-align: center;
}

    
/*
320px
480px
600px
768px
900px
1200px
*/