body{
         margin: 0;
         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
         }
         @font-face {
         font-family: Barlow_Condensed;
         src: url(../fonts/Barlow_Condensed/BarlowCondensed-Bold.ttf);
         }
         @font-face {
         font-family: BarlowCondensed-Medium;
         src: url(../fonts/Barlow_Condensed/BarlowCondensed-Medium.ttf);
         }
         @font-face {
         font-family: ELEGANT_TYPEWRITER_Regular;
         src: url(../fonts/ELEGANT_TYPEWRITER_Regular.ttf);
         }
         .topnav {
         overflow: hidden;
         font-family:Barlow_Condensed;
         background: url("../_images/asfalt-dark-1-150x150.png") ;
         background-color: #e9e3d9;
         }
         .topnav a {
         float: left;
         display: block;
         color: #224a49;
         text-align: center;
         padding: 14px 14px;
         text-decoration: none;
         font-size: 30px;
         filter: drop-shadow(2px 2px 0px #a9cabc);
         }
         .topnav a:hover {
         color: #c23420;
         filter:drop-shadow(2px 2px 0px rgba(255,94,20,0.27));
         }
         .topnav a.active {
         color: #c23420;
         filter:drop-shadow(2px 2px 0px rgba(255,94,20,0.27));
         }
         .topnav .icon {
         display: none;
         }
         .spacer{
         height:15px;
         border-bottom:solid #a9c9bb 2px;
         background: url("../_images/asfalt-dark-1-150x150.png") ;
         background-color: #e9e3d9;
         width:100%;
         }
         .spacer2{
         position:relative;
         height:20px;
         border-top:solid #a9c9bb 2px;
         background: url("../_images/asfalt-dark-1-150x150.png") ;
         background-color: #e9e3d9;
         width:100%;
         box-shadow: 0px 5px 9px 0px rgba(115,115,115,0.75);
         -webkit-box-shadow: 0px 5px 9px 0px rgba(115,115,115,0.75);
         -moz-box-shadow: 0px 5px 9px 0px rgba(115,115,115,0.75);
         }
         .heading2{
         font-family:Barlow_Condensed;
         font-size:96px;
         color: #e9e3d9;
         text-shadow: 4px 4px 0px #d15f2e;
         }
         .heading2A{
         font-family:Barlow_Condensed;
         font-size:48px;
         color: #e9e3d9;
         text-shadow: 4px 4px 0px #d15f2e;
         }
         /*ima u starom*/
         .heading1{
         font-family:Barlow_Condensed;
         font-size:96px;
         color: #e53e26;
         text-shadow: 3px 3px 0px #224a49;
         }
         .heading1A{
         font-family:Barlow_Condensed;
         font-size:48px;
         color: #e53e26;
         text-shadow: 1px 1px 0px #224a49;
         }
         .heading3A{
         font-family:Barlow_Condensed;
         font-size:48px;
         color: #224a49;;
         text-shadow: 1px 1px 0px #4f7d69;
         }
         .logoWraper{
         width:100%;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: row;
         }
         .logoImage{
         height:170px;
         }
         .star{
         height:15px;  
         background: url("../_images/zvezdica.png") ; 
         background-repeat: repeat-x;
         }
         .lines{
         margin-top:20px;
         color: #333333;
         font-family: ELEGANT_TYPEWRITER_Regular;
         line-height: 27px;
         word-spacing: 0.06em;
         letter-spacing: 0.04em;
         font-size:20px;
         }
         hr{border: 1px dashed #999999;}
         .spacerSection{
         width:100%;
         text-align:center;
         }
         .hrGreen{
         border: 1px dashed #224a49;  
         }
         /*main*/
         .containerMain-flex{
         display: flex; 
         justify-content: space-around; 
         flex-direction: row;
         align-items: flex-start; 
         }
         .itemMain {
         width:50%;
         }
         .wraperFirstMain{
         background:  url("../_images/greenWatercolor.jpg?V2") no-repeat center/cover;
         }
         .wraperFirstMainA{
         padding: 20px 0px 20px 0px;
         
         background-color: rgba(233, 227, 217, 0.7);
         }
         .wraperGreen{
         background-color: rgba(169, 201, 187, 0.7);
         }
         .wraperAmber{
         background-color: rgba(233, 227, 217, 0.7);
         }
         .wraperSecondMain{
         width:80%;
         margin-left:auto;
         margin-right:auto;
         padding:10px;
         }
         .smallHeading{
         text-align: center;
         }
         .roundImageMain{
         text-align: center;
         padding:20px;
         width:70%;
         margin-left:auto;
         margin-right:auto;
         }
         .roundImageMain2{
         text-align: center;
         padding:20px;
         margin-left:auto;
         margin-right:auto;
         }
         .imgFrameMain{
         background: url("../_images/exclusive-paper.png?v4") ;
         background-color:#dacfbe;
         width:100%;
         aspect-ratio: 1 / 1;
         border-radius: 50%;display: flex;
         justify-content: center;
         align-items: center;
         }
         .imgRound{
         width:90%;
         border-radius: 50%;
         box-shadow: 2px 2px 9px -2px rgba(0,0,0,0.75);
         -webkit-box-shadow: 2px 2px 9px -2px rgba(0,0,0,0.75);
         -moz-box-shadow: 2px 2px 9px -2px rgba(0,0,0,0.75);
         }
         
         .hrOrange{border: 1px dashed #e9e3d9;
         width:70%;
         }
         /*product*/
         /* product*/
         .container-flex {
         display: flex; 
         justify-content: space-around; 
         flex-direction: row;
         align-items: stretch; 
         }
         .item {
         border:dotted 2px #e9e3d9;
         width:32%;
         }
         .wraperFirst{
         padding: 20px 0px 20px 0px;
         background: url("../_images/exclusive-paper.png?v4") ;background-color:#da7f58;
         }
         .wraperSecond{
         width:80%;
         margin-left:auto;
         margin-right:auto;
         }
         .smallHeading{
         text-align: center;
         }
         .roundImage{
         text-align: center;
         padding:20px;
         }
         .imgFrame{
         background: url("../_images/exclusive-paper.png?v4") ;
         background-color:#e9e3d9; ;
         width:100%;
         aspect-ratio: 1 / 1;
         border-radius: 50%;display: flex;
         justify-content: center;
         align-items: center;
         }
         .imgRound{
         width:90%;
         border-radius: 50%;
         box-shadow: 2px 2px 9px -2px rgba(0,0,0,0.75);
         -webkit-box-shadow: 2px 2px 9px -2px rgba(0,0,0,0.75);
         -moz-box-shadow: 2px 2px 9px -2px rgba(0,0,0,0.75);
         }
         .smallDescription{
         text-align: center;
         color: #e9e3d9;
         font-family: ELEGANT_TYPEWRITER_Regular;
         line-height: 27px;
         word-spacing: 0.06em;
         letter-spacing: 0.04em;
         font-size:20px;
         padding:5px;
         }
         .productLine{
         text-align: center;
         color: #e9e3d9;
         font-family: ELEGANT_TYPEWRITER_Regular;
         line-height: 36px;
         word-spacing: 0.06em;
         letter-spacing: 0.04em;
         font-size:30px;
         margin-top:20px;
         }
         /*slide show*/
         #slideshow {
         margin: 80px auto;
         position: relative;
         width: 80%;
         aspect-ratio: 1 / 1;
         padding: 10px;
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
         }
         #slideshow > div {
         position: absolute;
         top: 10px;
         left: 10px;
         right: 10px;
         bottom: 10px;
         background-color:#e9e3d9;
         }
         .imgslideshow {
         width: 100%;
         aspect-ratio: 1 / 1;
         }
         .center{
         justify-content: center; 
         align-items: center;  
         }
         .itemContact{
         width:32%;
         font-family: ELEGANT_TYPEWRITER_Regular;
         }
         .footerLine{
         width:100%;
         text-align:center;
         padding: 10px 0px 10px 0px;
         }
         /**
         * Vintage envelope themed border via border-image
         */
         .envelope {	padding: 1em;
         border: 16px solid transparent;
         background: url("../_images/exclusive-paper.png?v4") ;
         border-image: 16 repeating-linear-gradient(-45deg, #a02613 0, #a02613 1em, transparent 0, transparent 2em,
         rgba(13, 86, 134, 1) 0, rgba(17, 91, 139, 1) 3em, transparent 0, transparent 4em);
         font-family: ELEGANT_TYPEWRITER_Regular;
         box-shadow: 2px 2px 5px 1px rgba(87,87,87,0.75);
         -webkit-box-shadow: 2px 2px 5px 1px rgba(87,87,87,0.75);
         -moz-box-shadow: 2px 2px 5px 1px rgba(87,87,87,0.75);
         }
         input[type=text],input[type=e-mail], select {
         font-family: ELEGANT_TYPEWRITER_Regular;
         width: 100%;
         padding: 12px;
         margin: 8px 0;
         display: inline-block;
         border:none;
         outline: none;
         border-bottom: 2px dotted ;
         box-sizing: border-box;
         background-color: rgba(233, 227, 217, 0.1);
         font-size:20px;
         }
          input[type=submit] {
         font-family: ELEGANT_TYPEWRITER_Regular;
         color: #fff;
         background-color: rgba(48, 105, 103, 0.3);
         text-shadow: 1px 1px 21px #999;
         font-size: 24px;
         border: none;
         padding: 20px;
         }
         .textarea {
         width: 100%; /* Sets the width to 80% of its parent container */
         font-size:20px;
         color:#666666;
         border:none;
         outline: none;
         box-sizing: border-box; /* Ensures padding and border are included in the total width */
         }
         .containerTextarea {
         width: 100%; /* Example parent container width */
         height:200px;
         border:none;
         outline: none;
         background: url("../_images/exclusive-paper.png?v4") ;
         font-family: ELEGANT_TYPEWRITER_Regular;
         font-size:20px;
         }
         .itemHeading{
         font-family:ELEGANT_TYPEWRITER_Regular;
         font-size:40px;
         color: #826c4a;
         text-shadow: 1px 1px 21px #999999;
         }
         .itemHeading2{
            padding-top:20px;
            margin-bottom:20px;
            text-align:center;
         font-family:ELEGANT_TYPEWRITER_Regular;
         font-size:30px;
         color: #826c4a;
         text-shadow: 1px 1px 21px #999999;
         }
         .social{
         font-family:ELEGANT_TYPEWRITER_Regular;
         font-size:20px;
         color: #826c4a;
         width:80%;
         margin-left:auto;
         margin-right:auto;
         text-align:left;
         padding-top:25px;
         }
         .faLeft{
         margin-right:15px;
         }
         .links{
         font-family:ELEGANT_TYPEWRITER_Regular;
         font-size:20px;
         color: #826c4a;
         width:80%;
         margin-left:auto;
         margin-right:auto;
         text-align:left;
         padding-top:25px;
         }
         .linksA{
         color:#826c4a;
         text-decoration: none;
         }
         .linksA:hover{
         color:#413625;
         }
         .footerSeparator{
         border-left:dotted 2px #826c4a;
         border-right:dotted 2px #826c4a;
         }
         .end{
         font-family:ELEGANT_TYPEWRITER_Regular;
         height:100px;
         display:flex;
         justify-content: center; 
         align-items: center;  
         color: #826c4a;
         }
         .lines2{
         text-align: center;
         color:#413625;
         font-family: ELEGANT_TYPEWRITER_Regular;
         line-height: 27px;
         word-spacing: 0.06em;
         letter-spacing: 0.04em;
         font-size:20px;
         padding-bottom:20px;
         }
        
         /*responsive css*/
         @media screen and (max-width: 1000px) {
         .topnav a:not(:first-child) {display: none;}
         .topnav a.icon {
         float: right;
         display: block;
         }
         }
         @media screen and (max-width: 1000px) {
         .topnav.responsive {position: relative;z-index: 1000000;}
         .topnav.responsive .icon {
         position: absolute;
         right: 0;
         top: 0;
         }
         .topnav.responsive a {
         float: none;
         display: block;
         text-align: left;
         }
         .containerMain-flex{
         flex-direction: column;
         width:100%;
         }
         .wraperFirstMain{
         padding: 0px 0px 0px 0px;}
         .wraperFirstMainA{
         padding: 0px 0px 20px 0px;}
         .wraperSecondMain{
         width:95%;
         padding:0px;  
         }
         .itemMain {
         width:98%; 
         padding-bottom:20px; 
         text-align:center;
         }
         .logoWraper{
         width:100%;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         }
         .logo2{
         text-align:center;
         }
         .logoImage{
         margin-top:30px;
         height:240px;
         }
         .logo{
         text-align: center;
         }
         .container-flex {
         flex-direction: column;
         width:100%;
         }
         .wraperFirst{
         padding: 20px 0px 20px 0px;}
         .wraperSecond{
         width:95%;  
         }
         .item {
         width:98%; 
         margin-bottom:20px; 
         }
         #slideshow {
         width: 100%;
         margin:0px;
         padding:0px;
         }
         .itemContact{
         width:100%;
         }
         .itemContact{
         margin-top:30px;
         }
         .footerSeparator{
         border:none;
         }
          .itemHeading2{
           
         font-size:20px;
          }
          .heading1{         
         font-size:48px;        
         text-shadow: 1px 1px 0px #224a49;
         }
         .heading1A{
         
         font-size:24px;
         
         text-shadow: 0px 0px 1px #826c4a;
         }

          .smallDescription{
         margin-bottom:20px;
          }

         }