@media screen {
html {
  overflow-anchor: none;
}
	
* {
  box-sizing: border-box;
}
	
body {
	background:  url("back/hware.webp") left top no-repeat fixed, 	url("back/tile.png") repeat fixed;
    background-color: #dedede;
	font-size: 100%;
	margin: 0;
 -webkit-user-select: none;  
  -moz-user-select: none; 
  -ms-user-select: none;  
  user-select: none;
	}
body.poli {
	background: #f9f9f9;
	}
	
#content {
	margin: 0 auto;
	margin-bottom: 5em;
	padding: 0 25px 1.5em;
	border: 1px solid #600;
	border-radius: 12px;
	background-color: #fefefe;
	width: 1500px;
	max-width: 92%;
	box-shadow: 0 6px 20px rgba(0,0,0,.25);
	}
	
#home {
	position: absolute;
 	top: 24px;
	width: 100%;
	right: 0;
	display: flex;
	 flex-wrap: wrap;
	 flex-direction: row;	
	 justify-content: center;
	border: none;
	}
	
#home div.item {
	align-self: baseline; 
	margin: 0 10px;
	}
	

#home a {
  font: normal 1.25em 'Times New Roman', Times, serif;
  padding: 1px 5px 2px 5px;
  border: 1px solid #660000;
  border-radius: 6px;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
}
	
#home a:hover {
		background-color: #fffcf0;
		color: #660000;
	}
	
#copy {
	position: absolute;
	top: 105px;
	right: 3px;
	}
	
#vrtJumpTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #fff;
  color: #600;
  border: 2px solid #660000;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 99;
}
	
#title {
	margin: 8px auto;
	padding: 70px 0 2px;
	font: bold 2em 'Times New Roman',Times,serif;
	color: #600;
	text-align: center;
	text-shadow: 3px 3px 10px #fff;
	}
	
#title img {
		margin: 0 10px -4px 0;
	}

	/* Main menu */
	
 #navlist {
	 margin: 0 auto;
	 max-width: 96%;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;	 
	 justify-content: center;
	background-color: transparent;
	}
	
#navlist div {
	padding: 0;
	margin: 16px 5px 3px 0;
	border: none;
	}
	
#navlist div a {
	font: bold 1.125em 'Times New Roman',Times,serif;
	text-align: center;
	color: #555;
	background-color: #f9f9f9;
	border: 1px solid #999;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 3px 6px;
	border-bottom: none;
	text-decoration: none;
    }
	
#navlist div a.crt {
	color: #600;
	background-color: #fffcf0;
	border: 1px solid #600;
	border-bottom: 2px solid #fffcf0;
    }

#navlist div a:hover {
	color: #000;
	background: #fff;
	border-bottom: none;
	margin-left: 0;
	margin-right: 0;
}	 
#navlist div a.crt:hover {
		background-color: #fffcf0;
		border-bottom: 3px solid #fffcf0;
	}
	
	/* links to sites */
	
#def {
	margin: 2em auto 1.25em;
 	padding: 0 0 2em 0;
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	background-color: transparent; 
	}
	
#def a {
	display: block;
	width: 18em;
	font: bold 1.25em 'Times New Roman',Times,serif;
	padding:  4px 0 4px 10px; 
	text-decoration: none; 
	text-align: left;
	color: #600;
	border: 1px solid #600;
	border-radius: 6px;
	background-color: #fffcf0;
	}
	
#def a:hover {
	background: #fff;
	color: #000;
	border: 1px solid #600;
	}	
	
#def img {
	border: none;
	margin-bottom: -2px;
	margin-right: .5em;
	}
	
			/* Page menu */

#lmp {
	display: block;
	text-align: center;
	background-color: #fffcf0; 
	font: bold 1.125em 'Times New Roman',Times,serif;
	color: #600;
	border: 1px solid #660000;
	border-radius: 8px;
	margin: 5px 30px 25px 0;
	padding: 6px;
	float: left;
	}
#lmp ul {
	display: flex; 
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	list-style: none;
	padding:0;
	margin: 8px 0 4px;
	} 
#lmp li {
	display:block;
	}

#lmp li a {
	font: normal 1.05em 'Times New Roman',Times,serif;
	display: block; 
	padding: 2px 5px; 
	margin: 2px 5px; 
	border: 1px solid #600; 
	border-radius: 6px;
	text-decoration: none; background-color: #fff; 
	color: #000000;
	
	}

#lmp li a:hover {
	color: #600;
	background-color: #f9f9f9;
	}
	
		/* Bottom navigation */
	
#bottnav {
	padding: 0;
	margin: 2em 0px 1em;
	border: none;
	text-align: center;
	}
#bottnav ul {
	list-style: none;
	padding:0;
	margin:0;
	} 

#bottnav li {
	margin: 0;
	display: inline;
	}
#bottnav li a {
	font: bold 1.25em Georgia,'Times New Roman',Times, serif;
	text-decoration: none;
	border: none;
	color: #600;
	}

#bottnav li a.next {
	background: transparent url(images/arr.png) no-repeat top right;
	text-align: left;
	margin: 0 0 0 18px;
	padding: 3px 45px 6px 5px;
	width: auto;	
	}

#bottnav li a.back {
	background: transparent url(images/arl.png) no-repeat top left;
	text-align: right;
	margin: 0 18px 0 0;
	padding: 3px 5px 6px 45px;
	width: auto;
	}
	
#bottnav li a.next:hover, #bottnav li a.back:hover,  #bottnav li a.top:hover {
	color: #000000;
	}
		
	/*Overlay contact */
	
	#contactOverlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    z-index:99999;
}

#contactBox{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:min(900px,95vw);
    background:#dedede;
    padding:40px 20px 30px;
    border-radius:8px;
    box-sizing:border-box;
}

#contactBox h2{
    text-align:center;
    margin:0 0 25px;
    font-family:'Times New Roman', Times, serif;
}

#contactWrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
}

#closeContact{
    position:absolute;
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    cursor:pointer;
    font-size:24px;
    line-height:1;
}
.mail-placeholder {
	color: #600; 
	background-color: #fff;
	border: 1px solid #600;
	font: bold 1.25em Georgia,'Times New Roman',Times, serif;
	text-decoration: none;
	padding: 5px 10px;
	}
	
.apel {
	color: #000; 
	background-color: #fff;
	border: 2px solid #600;
	border-radius: 6px;
	font: bold 1.125em Georgia,'Times New Roman',Times, serif;
	text-decoration: none;
	margin: 2em 1em;
	padding: 3px 10px;
	}
input {
	border:1px solid #660000;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	font-family: 'Times New Roman', Times, serif; 
	font-size: 1.125em; 
	color: #660000; 
	background-color: #fff;
	margin-top: 0.25em;
	padding: 3px 5px;
	}
button {
		background-color:#fff;
		color:#000;
		border:1px solid #600;
		padding:1px 5px 2px 5px;
		border-radius:6px;
		cursor:pointer;
		font:normal 1.25em 'Times New Roman', Times, serif;
		}
	button:hover {
		color: #600;
		background-color: #fffcf0;
	}
button.search {
	border: 1px solid #660000;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-family: 'Times New Roman', Times, serif; 
	font-size: 1.125em; 
	color: #660000; 
	background: #fffcf0 url("images/search.png") 10px 3px no-repeat;
	margin-top: 0.25em;
	padding: 19px 6px 8px 34px;
	cursor: pointer;
	}
	button.search:hover {
		background: #f5f5f5 url("images/search.png") 10px 3px no-repeat;
	}
	
	/* Contact */
	
#contact {
	text-align: center;
	display: flex;
	 flex-wrap: wrap;
	 flex-direction: row;	
	 justify-content: center;
	margin: 16px auto;
	border: none;
	}
#contact div.item {
align-self:auto ; 
margin: 10px;
}
#contact div.item a {
	color: #000; 
	background-color: #fff;
	border: 2px solid #600;
	border-radius: 6px;
	font: bold 1.125em Georgia,'Times New Roman',Times, serif;
	text-decoration: none;
	margin: 2em 1em;
	padding: 3px 10px 5px;
	cursor: pointer;
	}
			
#contact div.item a:hover {
		color: #f00;
	}
	
	/* Divs */

div.cent {
		text-align: center;
		margin: 2em auto;
		border: none;
	}
	
	div.bottom{
		text-align: center;
		margin: -1em auto 1.5em;
		padding-bottom: 4em;
		border: none;
	}
	
		/* Lists */
	
ul.lst {
    list-style: none;
    padding-left: 0;
    margin-left: 1em;
}
	
ul.lst li {
    display: block;     
    font: normal 1.125em Georgia, 'Times New Roman', Times, serif;
    text-align: justify;
    color: #000;
    margin-bottom: 0.8em; 
    line-height: 1.4;  
}
	
ul.lst li::before {
    content: "";
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.5em;
    vertical-align: middle;     
    background-color: #600; 
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
}

	/* Links */
	
a.int {
	color: #600; 
	background-color: #fff;
	font: normal .95em Georgia,'Times New Roman',Times, serif;
	text-decoration: none;
	border: 1px solid #600;
	border-radius: 6px;
	padding: 0 5px 1px 5px;
	}

a.int::after {
    content: "";
    display: inline-block;
	vertical-align: middle;
    width: 0.9em;
    height: 0.9em;
    margin-left: 0.4em;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>") no-repeat center;
    background-size: contain;
}
	
a.down {
	color: #600; 
	background: #fff;
	border: 1px solid #600;
	border-radius: 6px;
	font: normal .9em 'Times New Roman',Times, serif;
	text-decoration: none;
	padding: 0 5px 1px 5px;
	}
	

a.down::after {
    content: "";
    display: inline-block;
	width: 0.9em;
    height: 0.9em;
    margin-left: 0.2em;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23600' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3'/></svg>") no-repeat center;
    background-size: contain;
} 
	
a.ext {
	color: #600; 
	background: #fff;
	border: 1px solid #600;
	border-radius: 6px;
	font: normal .95em 'Times New Roman',Times, serif;
	text-decoration: none;
	padding: 0 5px 1px 5px;
	}
 	
a.ext::after {
    content: "";
    display: inline-block;
	vertical-align: middle;
    width: 0.9em;
    height: 0.9em;
    margin-left: 0.2em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23600' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M7.5 7.5h9v9m0-9L7.5 16.5'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
}
	
	a.int:hover,  a.ext:hover, a.down:hover {
	color: #000; 
	background-color: #f9f9f9;
	}	

/* Horizontal lines */
	
hr {
	border: none;
	color: #660000;
	background-color: #660000;
	height: 1px;
	width: 60%;
	margin: 2em auto;
	}

hr.sh {
	width: 25%;
	margin: 2em auto;
	}

/* Text */

h1 {margin: 0 -25px 1.5em; 
	padding: 8px 0 2px; 
	text-align: center;
	background-color: #fffcf0;
	color: #660000; 
	letter-spacing: 0.15em; 
	font: bold 1.6em 'Times New Roman',Times,serif;
	border-top: none;
	border-bottom: 1px solid #660000;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	}

h2 {margin: 2em -25px 2em; 
	padding: 2px 0; 
	text-align: center;
	background-color: #fffcf0;
	color: #660000; 
	letter-spacing: 0.15em; 
	font: bold 1.5em 'Times New Roman',Times,serif;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #660000;
	}
	
h2.simple {
	font: bold 1.5em 'Times New Roman', Times, serif;
	text-align: left;
	text-indent: 1em;
	color: #600;
	line-height: 1.5em;
	margin: 2em 0 1em;
	background-color: transparent;
	border: none;
	}
h3 {
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.4em;
	font-weight: bold; 
	color: #600;
	line-height: 1.5em;
	text-indent: 30px;
	margin: 2em 0 1em;
	}
		
h4 {
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.25em;
	font-weight: bold; 
	color: #600;
	margin-top: 1em;
	text-indent: 60px;
	}
	
p {
	font: normal 1.25em 'Times New Roman',Times, serif;
	color: #000; 
	background-color: transparent;
	text-indent: 30px;
	text-align: justify;	
	}

.cen {
	background-color: transparent;
	text-align: center;	
	}
	
.cenred {
	font-family: Georgia,'Times New Roman',Times, serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #B32835; 
	background-color: transparent;
	text-align: center;	
	}

strong {
	font-size: inherit;
	font-weight: normal;
	color: #600;
	}
	
em {
	font-style: italic;
	color: #1D4398;
	}
	
.caption {	
	color: #1D4398;
  	font: italic 1.125em Georgia,'Times New Roman',Times, serif;
  	padding: 10px 0 5px;
  	text-align: center;
	}

.red {
	color: #C80000;
	}
	
	/* Caseta galbena */
	
div.case {
	margin: 2em 0;
	padding: 0 1em .5em;
	overflow: auto;
	border: 1px solid #660000;
	border-radius: 10px;
	background-color: #fffcf0;
	box-shadow: 0 3px 20px rgba(0,0,0,.15);
	}
	
.case p {
	color: #000;
	font: normal 1.25em  'Times New Roman',Times, serif;
	background-color: transparent;
	line-height: 1.25em;
	text-indent: 0;
	text-align: justify;
	}
	
.case strong {
	color: #600;
	}
	
.case h3 {
	text-indent: 0;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.325em;
	font-weight: bold; 
	letter-spacing: 0.1em;
	color: #600;
	}
	
.case ul li {
		font: normal 1.25em  'Times New Roman',Times, serif;
	}
		
/* Images */
	
.imgbrd {
	margin: 5px 10px 5px 10px;
	border: 1px solid #660000;
	}
.imgnb {
	margin: 5px 10px 5px 10px;
	border: none;
	}
img.rght { 
	float: right;
	margin: 5px 0px 10px 25px;
	border: 1px solid #660000;
	}
img.frght { 
	float: right;
	margin: 15px 0px 10px 25px;
	border: 1px solid #660000;
	}
img.rnb { 
	float: right;
	margin: 5px 0px 10px 25px;
	border: none;
	}
img.lft { 
	float: left;
margin: 5px 25px 10px 0px;
border: 1px solid #660000;
	}
img.lftnb { 
	float: left;
	margin: 5px 25px 10px 0px;
	border: none;
	}
img.sigla { 
	float: left;
	margin: 0px 15px 0px 30px;
	border: none;
	}
img.vin { 
	float: left;
	margin: 0px 25px 10px 0px;
	border: none;
	}
	
	/* Figures */
	
img.figr {
	display: block;
	margin: 0;
	border: 1px solid #660000;
	}

img.figr_nb {
	display: block;
	margin: 0;
	border: none;
	}

figure.rig  { 
	display: table;
	float: right;
	margin: 6px 0px 10px 25px;
	border: none;
	}

figure.rghcase  { 
	display: table;
	float: right;
	margin: 28px 0px 10px 25px;
	border: none;
	}

figure.lef  { 
	display: table;
	float: left;
	margin: 6px 25px 10px 0;
	border: none;
	}

figcaption {
	display: table-caption;
    caption-side: bottom;
	color: #1D4398;
  	font: italic 1.125em Georgia,'Times New Roman',Times, serif;
  	padding: 10px 0 5px;
  	text-align: center;
	}
	
			/*   Cookie Banner */

#cookieBanner{
    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    max-width:820px;
    margin: auto;
    padding:18px 22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    background:#ffffff;
    border:1px solid #d8d8d8;
    border-radius:8px;
    box-shadow:0 4px 20px rgba(0,0,0,.18);
    z-index:9999;
}

.cookieText{
    flex:1;
    font-size:0.95rem;
    line-height:1.5;
}

.cookieText a{
    color:#b30000;
    font-weight:bold;
    text-decoration:none;
}

.cookieText a:hover{
    text-decoration:underline;
}

.cookieButtons{
    display:flex;
    gap:10px;
    flex-shrink:0;
}

.cookieButtons button{
    min-width:110px;
    padding:10px 18px;
    border-radius:5px;
    cursor:pointer;
    font-size:.95rem;
    transition:.2s;

}

.cookieReject{
    background:#ffffff;
    border:1px solid #999;
    color:#444;
}

.cookieReject:hover{
    background:#f4f4f4;
}

.cookieAccept{
    background:#b30000;
    color:#fff;
    border:1px solid #b30000;
}

.cookieAccept:hover{
    background:#920000;
}
	
	/*    Generic Overlay  */

#vrtOverlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.50);
    z-index:9999;
}

#vrtOverlayWindow{
    position:absolute;
    inset:3%;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 0 25px rgba(0,0,0,.35);
}

#vrtOverlayFrame{
    width:100%;
    height:100%;
    border:none;
    display:block;
}

#vrtOverlayClose{
    position:absolute;
    top:12px;
    right:22px;
    width:40px;
    height:40px;
    border: 1px solid #070770; 
    border-radius:50%;
    background:#ffffff;
    cursor:pointer;
    font-size:20px;
    line-height:38px;
    z-index:10000;
}

#vrtOverlayClose:hover{
    background:#fff;
}

body.overlayOpen{
    overflow:hidden;
}
	
}

@media print {
	body { display: none; }
}

@media screen and (max-width: 901px) {
	
body {
	background: #bbb url("back/bkmob.jpg") right top no-repeat fixed; 
	-webkit-user-select: none; /* Safari */
  	-moz-user-select: none;    /* Firefox */
 	-ms-user-select: none;     /* IE 10+ */
	user-select: none;         /* Standard */
	}
	
 #content {
	max-width: 100%;
   	margin: 0 0 5em;
	padding: 0 1em;
	border-top: 1px solid #660000;	 
  }
	
  #copy {
	display: none;
	visibility: hidden;
  }

#home div.item {
  margin: 0 10px 10px;
}
	
	#title {
	margin: 0;
	padding: 150px 16px 12px;
	font-size: 1.8em;
	color: #fff;
	text-shadow: 4px 4px 12px #000;
	}
	
	#title img {
		display: none;
	}
	
	/* Contact */
	
	 #contactBox{
        width:95vw;
        padding:50px 15px 25px;
    }

    #contactWrap{
        flex-direction:column;
        align-items:center;
    }
	
  /* Navigation */
	
#navlist {
	margin: 0  0 20px 12px;
	display:flex ;
	flex-direction: column;
	flex-wrap: nowrap;
	background-color: transparent;
	}
#navlist div {
	margin-top: .75em;
	padding: 0;
	border: none;
		}

#navlist div  a {
	display: block;
	width: 66%;
	color: #555;
	background-color: #f5f5f5;
	border: 1px solid #000;
	border-radius: 8px;
	font: bold 1.125em 'Times New Roman',Times,serif;
	padding: 3px 0 3px 10px;
	text-decoration: none;	
	text-align: left;
	}
	
#navlist div a.crt {
	color: #600;
	text-align: center;
	border: 2px solid #600;
	margin: 0 0 0 2em;
	}
	
#navlist div a.crt::after {
    content: "";
    display: inline-block;
	vertical-align: middle;
    width: 1em;
    height: 1em;
    margin-left: 0.5em;
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23600' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='5' x2='12' y2='19'/><polyline points='5 12 12 19 19 12'/></svg>") no-repeat center;
    background-size: contain;
}
	
#navlist div a.crt:hover {
	color: #000;
	border: 2px solid #fff;
	}
	
#lmp {
	float: none;
	margin: 0;
	}
	
#bottnav li {
	display: block;
	margin-bottom: 1.5em;
	}
	
	/* Text */
	
h1 {
	margin: 1px -15px 1.5em; 
	padding: 2px 1em; 
	text-align: center;
	background-color: #fffcf0;
	color: #660000; 
	font: bold 1.4em 'Times New Roman',Times,serif;
	border-bottom: 1px solid #660000;
	white-space: normal;
	}
h2 {
	margin: 2em -15px 2em;
	padding: 2px 1em; 
	text-align: center;
	background-color: #fffcf0;
	color: #660000; 
	font: bold 1.4em 'Times New Roman',Times,serif;
	border-bottom: 1px solid #660000;
	white-space: normal;
	}	
	
	h2.simple {
	font: bold 1.5em 'Times New Roman', Times, serif;
	text-align: left;
	text-indent: 0;
	color: #600;
	line-height: 1.5em;
	margin: 1.5em 0 1em;
	padding: 0 0  0 .75em;
	background-color: transparent;
	border: none;
	}
	
	h3 {
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.4em;
	font-weight: bold; 
	color: #600;
	line-height: 1.5em;
	text-indent: 0;
	margin: 1.5em 0 1em .75em;
	}
	
	/* Images */

img {
	max-width: 100%;
	height: auto;
	}	
figure, img.figr, img.figr_nb, img.rght, img.nbrght, img.imgbrd, img.nobrd, img.lft, img.lftnb, img.nblft, img.fr  {
	float: none;
	margin: 10px auto;
	min-width: 100%;
	}

	/* Cookie banner */
	#cookieBanner{
    left:10px;
    right:10px;
    bottom:10px;
    flex-direction:column;
    align-items:stretch;
}

.cookieButtons{
    width:100%;
}

.cookieButtons button{
    flex:1;
	}	
}