:root {
  --purple: #25193E;
  --light-purple: #9185B5;
  --brown: #EFC095;
  --black: #25193E;
}



@font-face {
    font-family:'BA Livorno Artext';
    src: url('../fonts/BA_Livorno_Artext.eot');
	src: url('../fonts/BA_Livorno_Artext.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BA_Livorno_Artext.woff2') format('woff2'),
		url('../fonts/BA_Livorno_Artext.woff') format('woff'),
		url('../fonts/BA_Livorno_Artext.svg#BA Livorno Artext') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00F7;
}

@font-face {
    font-family:'BA Livorno';
    src: url('../fonts/BA_Livorno_Regular.eot');
	src: url('../fonts/BA_Livorno_Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BA_Livorno_Regular.woff2') format('woff2'),
		url('../fonts/BA_Livorno_Regular.woff') format('woff'),
		url('../fonts/BA_Livorno_Regular.svg#BA Livorno Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00F7;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('../fonts/Helvetica_Neue_Roman.eot');
	src: url('../fonts/Helvetica_Neue_Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Helvetica_Neue_Roman.woff2') format('woff2'),
		url('../fonts/Helvetica_Neue_Roman.woff') format('woff'),
		url('../fonts/Helvetica_Neue_Roman.svg#Helvetica Neue Roman') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'BA Le-Be';
    src: url('../fonts/BA_Le-Be_Bold.eot');
	src: url('../fonts/BA_Le-Be_Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BA_Le-Be_Bold.woff2') format('woff2'),
		url('../fonts/BA_Le-Be_Bold.woff') format('woff'),
		url('../fonts/BA_Le-Be_Bold.svg#BA Le-Be Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00F7;
}

@font-face {
    font-family:'BA Le-Be';
    src: url('../fonts/BA_Le-Be_Light.eot');
	src: url('../fonts/BA_Le-Be_Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BA_Le-Be_Light.woff2') format('woff2'),
		url('../fonts/BA_Le-Be_Light.woff') format('woff'),
		url('../fonts/BA_Le-Be_Light.svg#BA Le-Be Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00F7;
}

@font-face {
    font-family:'BA Le-Be';
    src: url('../fonts/BA_Le-Be_Regular.eot');
	src: url('../fonts/BA_Le-Be_Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BA_Le-Be_Regular.woff2') format('woff2'),
		url('../fonts/BA_Le-Be_Regular.woff') format('woff'),
		url('../fonts/BA_Le-Be_Regular.svg#BA Le-Be Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00F7;
}



/* The BA fonts only carry Latin glyphs (unicode-range U+20-F7); Hebrew Unicode
   text falls through to 'Frank Ruhl Libre' (loaded from Google Fonts) so Hebrew
   renders in a real webfont consistently on every device. */
.ba{font-family:'BA Le-Be','Frank Ruhl Libre',serif;}
.hel{font-family:'Helvetica Neue',Arial,sans-serif;}
.liv{font-family:'BA Livorno','Frank Ruhl Libre',serif;}
.livart{font-family:'BA Livorno Artext','Frank Ruhl Libre',serif;}












.container{margin: 0 auto; padding-left: 20px; padding-right: 20px; width:100%;}
.hebrew{direction: rtl;}

.tags{display: flex; flex-wrap: wrap; gap:5px;}
.tags .tag{display: flex; align-items: center; justify-content: center; color: #25193E; font-family:'BA Livorno Artext'; border:1px solid #707070; background-color: #ffffff; border-radius: 50px; padding: 10px 20px; font-size: 20px; line-height: 1; font-weight: 700; }

@media all and (min-width:640px)
{
}


@media all and (min-width:768px)
{
  .tags{gap:10px}
.tags .tag{font-size: 30px;}
}


@media all and (min-width:1024px)
{
     .tags{flex-direction: column; align-items: flex-end; justify-content: center;}
     .tags .tag{font-size: 40px;}

   
}


@media all and (min-width:1280px)
{

  

}

@media all and (min-width:1536px)
{
.container{max-width: 1540px;}  
.tags {gap:22px}
.tags .tag{padding: 10px 35px;}
}