@charset "UTF-8";


@font-face {
  font-family: 'Neue_Haas';
  src: url("../fonts/NeueHaasUnicaPro-Regular.eot");
  src: url("../fonts/NeueHaasUnicaPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Neue_Haas_b';
  src: url("../fonts/NeueHaasUnicaPro-Black.eot");
  src: url("../fonts/NeueHaasUnicaPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;

@font-face {
  font-family: 'Grotesk Text';
  src: url("../fonts/NHaasGroteskTXPro-It.eot");
  src: url("../fonts/NHaasGroteskTXPro-It.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Grotesk Text';
  src: url("../fonts/NHaasGroteskTXPro-Bd.eot");
  src: url("../fonts/NHaasGroteskTXPro-Bd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Grotesk Text';
  src: url("../fonts/NHaasGroteskTXPro-BdIt.eot");
  src: url("../fonts/NHaasGroteskTXPro-BdIt.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Grotesk Text';
  src: url("../fonts/NHaasGroteskTXPro-Rg.eot");
  src: url("../fonts/NHaasGroteskTXPro-Rg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Haas Outline';
  src: url("../fonts/NeueHaasUnicaProOutline-Outline.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
}

@font-face {
  font-family: 'cfdamm';
  src: url("../fonts/cfdamm.eot?99900246");
  src: url("../fonts/cfdamm.ttf?99900246") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*colours*/
:root {
  --red: #EB0505; /*216, 38, 46*/
  --red90: #dc3c43; /*220, 60, 67*/
  --red70: #e4676d;  /*228, 103, 109*/
  --red10: #fde6e6;  
    
  --text: #000000; 
  --text90: #5c5c5c; /*92, 92, 92*/
  --text70: #777777;  /*128, 128, 128*/
  --text02: #1f1f21;  
  --text03: #E1E1E1; 
  --text04: #bbbbbb; 
    
  --white: #ffffff;  
  --twhite: rgba(255,255,255,0.95);
  --black: #000000; 
    
  --bggrey: #f9f9fb;  
  --lngrey: #4a4a4a;  
  --linkgrey: #1f1f21;  
    
  --error: #FC706C; /*252, 112, 108*/
  --error90: #fc7e7b; /*252, 126, 123*/
  --error70: #fd9b98;  /*253, 155, 152*/
    
  --standby: #FF9854; /*255, 152, 84*/
  --standby90: #ffa265; /*255, 162, 101*/
  --standby70: #ffb787;  /*255, 183, 135*/
    
  --green: #00866d; /*47, 227, 146*/
  --green10: #e6f3f1;  
    
  --greyvlight: #f7f7f7;  /*247, 247, 247*/
  --greylight: #999999;  /*247, 247, 247*/
  --greymenu: #8b8b8b;  /*139, 139, 139*/
}

body {font-family: Arial, Helvetica, "sans-serif"; color: var(--text);  margin: 0px; padding: 0px; overflow-x: hidden}

textarea {resize: none!important}

.center {text-align: center!important}
.left {text-align: left!important}
.right {text-align: right!important}
.fright {float: right}

.m5 {margin: 5px 0px 0px!important}
.m10 {margin: 10px 0px 0px!important}
.m20 {margin: 20px 0px 0px!important}
.m30 {margin: 30px 0px 0px!important}
.m40 {margin: 40px 0px 0px!important}
.m50 {margin: 50px 0px 0px!important}
.m60 {margin: 60px 0px 0px!important}
.m70 {margin: 70px 0px 0px!important}
.m80 {margin: 80px 0px 0px!important}
.m90 {margin: 90px 0px 0px!important}

a {text-decoration: none; }
a:hover {text-decoration: none}

.smaller80 {font-size: 80%!important}
.smaller90 {font-size: 90%!important}

.si_mob {display: none}

.columns2 {display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr)}
.columns3 {display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr)}
.columns4 {display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr)}
.columns5 {display: grid; gap: 10px; grid-template-columns: repeat(5, 1fr)}

.v_desktop {display: block}
.v_mobile {display: none!important}

/* 2 columns */
.wrappertwo {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 50% 50% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.boxtwo {
  padding: 0px 0px;
  margin: 0px;
  border: 0px solid #ee0000;
}

.k1aa {grid-row: 1;  grid-column: 1 / span 2} 
.k1a {grid-row: 1;  grid-column: 1; padding-right: 10px} 
.k1b {grid-row: 1;  grid-column: 2; padding-left: 10px; position: relative} 

.k2aa {grid-row:2;  grid-column: 1 / span 2} 
.k2a {grid-row: 2;  grid-column: 1; padding-right: 10px;border: 0px solid #ee0000} 
.k2b {grid-row: 2;  grid-column: 2; padding-left: 10px;border: 0px solid #ee0000} 

.k3aa {grid-row: 3;  grid-column: 1 / span 2} 
.k3a {grid-row: 3;  grid-column: 1; padding-right: 10px} 
.k3b {grid-row: 3;  grid-column: 2; padding-left: 10px} 

.k4aa {grid-row: 4;  grid-column: 1 / span 2} 
.k4a {grid-row: 4;  grid-column: 1; padding-right: 10px} 
.k4b {grid-row: 4;  grid-column: 2; padding-left: 10px} 

.k5aa {grid-row: 5;  grid-column: 1 / span 2} 
.k5a {grid-row: 5;  grid-column: 1; padding-right: 10px} 
.k5b {grid-row: 5;  grid-column: 2; padding-left: 10px} 

.k6aa {grid-row: 6;  grid-column: 1 / span 2} 
.k6a {grid-row: 6;  grid-column: 1; padding-right: 10px} 
.k6b {grid-row: 6;  grid-column: 2; padding-left: 10px} 
/* end 2 columns */

/* 3 columns */
.wrapperthree {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 33.3% 33.4% 33.3% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.boxthree {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
  border: 0px solid #ee0000;
}


.h1aa {grid-row: 1;  grid-column: 1 / span 2} 
.h1aaa {grid-row: 1;  grid-column: 1 / span 3} 
.h1a {grid-row: 1;  grid-column: 1; padding-right: 10px} 
.h1b {grid-row: 1;  grid-column: 2; padding-left: 10px; padding-right: 10px} 
.h1c {grid-row: 1;  grid-column: 3; padding-left: 10px} 

.h2aa {grid-row: 2;  grid-column: 1 / span 2} 
.h2aaa {grid-row: 2;  grid-column: 1 / span 3} 
.h2a {grid-row: 2;  grid-column: 1; padding-right: 10px} 
.h2b {grid-row: 2;  grid-column: 2; padding-left: 10px; padding-right: 10px} 
.h2c {grid-row: 2;  grid-column: 3; padding-left: 10px} 

.h3aa {grid-row: 3;  grid-column: 1 / span 2} 
.h3aaa {grid-row: 3;  grid-column: 1 / span 3} 
.h3a {grid-row: 3;  grid-column: 1; padding-right: 10px} 
.h3b {grid-row: 3;  grid-column: 2; padding-left: 10px; padding-right: 10px} 
.h3c {grid-row: 3;  grid-column: 3; padding-left: 10px} 

.h4aa {grid-row: 4;  grid-column: 1 / span 2} 
.h4aaa {grid-row: 4;  grid-column: 1 / span 3} 
.h4a {grid-row: 4;  grid-column: 1; padding-right: 10px} 
.h4b {grid-row: 4;  grid-column: 2; padding-left: 10px; padding-right: 10px} 
.h4c {grid-row: 4;  grid-column: 3; padding-left: 10px} 

.h5aa {grid-row: 5;  grid-column: 1 / span 2} 
.h5aaa {grid-row: 5;  grid-column: 1 / span 3} 
.h5a {grid-row: 5;  grid-column: 1; padding-right: 10px} 
.h5b {grid-row: 5;  grid-column: 2; padding-left: 10px; padding-right: 10px} 
.h5c {grid-row: 5;  grid-column: 3; padding-left: 10px} 

.h6aa {grid-row: 6;  grid-column: 1 / span 2} 
.h6aaa {grid-row: 6;  grid-column: 1 / span 3} 
.h6a {grid-row: 6;  grid-column: 1; padding-right: 10px} 
.h6b {grid-row: 6;  grid-column: 2; padding-left: 10px; padding-right: 10px} 
.h6c {grid-row: 6;  grid-column: 3; padding-left: 10px} 

.h7aa {grid-row:7;  grid-column: 1 / span 2} 
.h7aaa {grid-row: 7;  grid-column: 1 / span 3} 
.h7a {grid-row: 7;  grid-column: 1; padding-right: 10px} 
.h7b {grid-row: 7;  grid-column: 2; padding-left: 10px; padding-right: 10px} 
.h7c {grid-row: 7;  grid-column: 3; padding-left: 10px} 

/* end 3 columns */



/* 4 columns */
.wrapperfour {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 25% 25% 25% 25% ;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.boxfour {
  padding: 0px 0px;
  margin: 0px;
  border: 0px solid #ee0000;
}

.f1a {grid-row: 1;  grid-column: 1; padding: 0px 5px 0px 0px} 
.f1aa {grid-row: 1;  grid-column: 1 / span 2; padding: 0px 5px 0px 0px} 
.f1aaa {grid-row: 1;  grid-column: 1 / span 3; padding: 0px 5px 0px 0px} 
.f1aaaa {grid-row: 1;  grid-column: 1 / span 4; padding: 0px} 
.f1b {grid-row: 1;  grid-column: 2; padding: 0px 5px } 
.f1c {grid-row: 1;  grid-column: 3; padding: 0px 5px } 
.f1cc {grid-row: 1;  grid-column: 3 / span 2; padding: 0px 0px 0px 5px} 
.f1d {grid-row: 1;  grid-column: 4; padding: 0px 0px 0px 5px} 

.f2a {grid-row: 2;  grid-column: 1; padding: 0px 5px 0px 0px} 
.f2aa {grid-row: 2;  grid-column: 1 / span 2; padding: 0px 5px 0px 0px} 
.f2aaaa {grid-row: 2;  grid-column: 1 / span 4; padding: 0px 5px 0px 0px} 
.f2b {grid-row: 2;  grid-column: 2; padding: 0px 5px } 
.f2c {grid-row: 2;  grid-column: 3; padding: 0px 5px } 
.f2cc {grid-row: 2;  grid-column: 3 / span 2; padding: 0px 0px 0px 5px} 
.f2d {grid-row: 2;  grid-column: 4; padding: 0px 0px 0px 5px} 

.f3a {grid-row: 3;  grid-column: 1; padding: 0px 5px 0px 0px} 
.f3aa {grid-row: 3;  grid-column: 1 / span 2; padding: 0px 5px 0px 0px} 
.f3aaa {grid-row: 3;  grid-column: 1 / span 3; padding: 0px 5px 0px 0px} 
.f3aaaa {grid-row: 3;  grid-column: 1 / span 4; padding: 0px 5px 0px 0px} 
.f3b {grid-row: 3;  grid-column: 2; padding: 0px 5px } 
.f3c {grid-row: 3;  grid-column: 3; padding: 0px 5px } 
.f3cc {grid-row: 3;  grid-column: 3 / span 2; padding: 0px 0px 0px 5px} 
.f3d {grid-row: 3;  grid-column: 4; padding: 0px 0px 0px 5px} 

.f4a {grid-row: 4;  grid-column: 1; padding: 0px 5px 0px 0px} 
.f4aa {grid-row: 4;  grid-column: 1 / span 2; padding: 0px 5px 0px 0px} 
.f4aaaa {grid-row: 4;  grid-column: 1 / span 4; padding: 0px 5px 0px 0px} 
.f4b {grid-row: 4;  grid-column: 2; padding: 0px 5px } 
.f4c {grid-row: 4;  grid-column: 3; padding: 0px 5px } 
.f4cc {grid-row: 4;  grid-column: 3 / span 2; padding: 0px 0px 0px 5px} 
.f4d {grid-row: 4;  grid-column: 4; padding: 0px 0px 0px 5px} 

.f5a {grid-row: 5;  grid-column: 1; padding: 0px 5px 0px 0px} 
.f5aa {grid-row: 5;  grid-column: 1 / span 2; padding: 0px 5px 0px 0px} 
.f5aaaa {grid-row: 5;  grid-column: 1 / span 4; padding: 0px 5px 0px 0px} 
.f5b {grid-row: 5;  grid-column: 2; padding: 0px 5px } 
.f5c {grid-row: 5;  grid-column: 3; padding: 0px 5px } 
.f5cc {grid-row: 5;  grid-column: 3 / span 2; padding: 0px 0px 0px 5px} 
.f5d {grid-row: 5;  grid-column: 4; padding: 0px 0px 0px 5px} 

.ff1aa {grid-row: 1;  grid-column: 1 / span 2; padding: 0px 5px 0px 0px} 
.ff1cc {grid-row: 1;  grid-column: 3 / span 2; padding: 0px 0px 0px 5px} 

.ff2aa {grid-row: 2;  grid-column: 1 / span 2; padding: 0px 5px 0px 0px} 
.ff2c {grid-row: 2;  grid-column: 3; padding: 0px 5px } 
.ff2d {grid-row: 2;  grid-column: 4; padding: 0px 0px 0px 5px} 

.ff3a {grid-row: 3;  grid-column: 1; padding: 0px 5px 0px 0px} 
.ff3b {grid-row: 3;  grid-column: 2; padding: 0px 5px } 
.ff3c {grid-row: 3;  grid-column: 3; padding: 0px 5px } 
.ff3d {grid-row: 3;  grid-column: 4; padding: 0px 0px 0px 5px} 

.ff4 {grid-row: 4;  grid-column: 1 /span 4; padding: 0px 0px 0px 0px} 
.ff4 {grid-row: 4;  grid-column: 1 /span 4; padding: 0px 0px 0px 0px} 

/* end 4 columns */


/********************************************general mobile settings**********************************************************/
@media all and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    

    
.m10 {margin: 5px 0px 0px!important}
.m20 {margin: 10px 0px 0px!important}
.m30 {margin: 15px 0px 0px!important}
.m40 {margin: 20px 0px 0px!important}
.m50 {margin: 25px 0px 0px!important}
.m60 {margin: 30px 0px 0px!important}
.m70 {margin: 35px 0px 0px!important}
.m90 {margin: 45px 0px 0px!important}
    

.v_desktop {display: none!important}
.v_mobile {display: block}
    
.si_mob {display: block}
    
 /* 2 columns */
.wrappertwo {
  display: grid;grid-gap: 0px;grid-template-columns: 100% ;padding: 0px;margin: 0px;width: 100%;
}
.boxtwo {
  padding: 0px 0px;margin: 0px;text-align: left;
}

.k1aa {grid-row: 1;  grid-column: 1 } 
.k1a {grid-row: 1;  grid-column: 1; padding-right: 0px; position: relative} 
.k1b {grid-row: 2;  grid-column: 1; padding-left: 0px; position: relative} 

.k2aa {grid-row:3;  grid-column: 1 } 
.k2a {grid-row: 3;  grid-column: 1; padding-right: 0px} 
.k2b {grid-row: 4;  grid-column: 1; padding-left: 0px} 

.k3aa {grid-row: 5;  grid-column: 1 } 
.k3a {grid-row: 5;  grid-column: 1; padding-right: 0px} 
.k3b {grid-row: 6;  grid-column: 1; padding-left: 0px} 

.k4aa {grid-row: 7;  grid-column: 1 } 
.k4a {grid-row: 8;  grid-column: 1; padding-right: 0px} 
.k4b {grid-row: 8;  grid-column: 1; padding-left: 0px} 

.k5aa {grid-row: 9;  grid-column: 1 } 
.k5a {grid-row: 10;  grid-column: 1; padding-right: 0px} 
.k5b {grid-row: 10;  grid-column: 1; padding-left: 0px} 

.k6aa {grid-row: 11;  grid-column: 1 } 
.k6a {grid-row: 12;  grid-column: 1; padding-right: 0px} 
.k6b {grid-row: 12;  grid-column: 1; padding-left: 0px} 
/* end 2 columns */
    
    /* 3 columns */
.wrapperthree {
  display: grid;grid-gap: 0px;grid-template-columns: 100% ;padding: 0px;margin: 0px;width: 100%;
}
.boxthree {
  padding: 0px 0px;margin: 0px;text-align: left;border: 0px solid #ee0000;
}

.h1aa {grid-row: 1;  grid-column: 1 } 
.h1aaa {grid-row: 1;  grid-column: 1 } 
.h1a {grid-row: 1;  grid-column: 1; padding-right: 0px} 
.h1b {grid-row: 2;  grid-column: 1; padding-left: 0px} 
.h1c {grid-row: 3;  grid-column: 1; padding-left: 0px} 

.h2aa {grid-row: 4;  grid-column: 1 } 
.h2aaa {grid-row: 4;  grid-column: 1 } 
.h2a {grid-row: 4;  grid-column: 1; padding-right: 0px} 
.h2b {grid-row: 5;  grid-column: 1; padding-left: 0px} 
.h2c {grid-row: 6;  grid-column: 1; padding-left: 0px} 

.h3aa {grid-row: 7;  grid-column: 1 } 
.h3aaa {grid-row: 7;  grid-column: 1 } 
.h3a {grid-row: 7;  grid-column: 1; padding-right: 0px} 
.h3b {grid-row: 8;  grid-column: 1; padding-left: 0px} 
.h3c {grid-row: 9;  grid-column: 1; padding-left: 0px} 
    
.h4aa {grid-row: 10;  grid-column: 1} 
.h4aaa {grid-row: 10;  grid-column: 1 } 
.h4a {grid-row: 10;  grid-column: 1; padding-right: 0px} 
.h4b {grid-row: 11;  grid-column: 1; padding-left: 0px} 
.h4c {grid-row: 12;  grid-column: 1; padding-left: 0px} 
    
.h5aa {grid-row: 13;  grid-column: 1} 
.h5aaa {grid-row: 13;  grid-column: 1 } 
.h5a {grid-row: 13;  grid-column: 1; padding-right: 0px} 
.h5b {grid-row: 14;  grid-column: 1; padding-left: 0px} 
.h5c {grid-row: 15;  grid-column: 1; padding-left: 0px} 
    
.h6aa {grid-row: 16;  grid-column: 1} 
.h6aaa {grid-row: 16;  grid-column: 1 } 
.h6a {grid-row: 16;  grid-column: 1; padding-right: 0px} 
.h6b {grid-row: 17;  grid-column: 1; padding-left: 0px} 
.h6c {grid-row: 18;  grid-column: 1; padding-left: 0px} 
    
.h7aa {grid-row: 19;  grid-column: 1} 
.h7aaa {grid-row: 19;  grid-column: 1 } 
.h7a {grid-row: 19;  grid-column: 1; padding-right: 0px} 
.h7b {grid-row: 20;  grid-column: 1; padding-left: 0px} 
.h7c {grid-row: 21;  grid-column: 1; padding-left: 0px} 

/* end 3 columns */  
    
/* 4 columns */
.wrapperfour {
  display: grid;grid-gap: 0px;grid-template-columns: 100% ;padding: 0px;margin: 0px;width: calc(100% - 0px);
}
.boxfour {
  padding: 0px 0px;margin: 0px;border: 0px solid #ee0000;
}

.f1a {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1aa {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1aaa {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1aaaa {grid-row: 1;  grid-column: 1; padding: 0px} 
.f1b {grid-row: 2;  grid-column: 1; padding: 0px} 
.f1c {grid-row: 3;  grid-column: 1; padding: 0px} 
.f1cc {grid-row: 3;  grid-column: 1; padding: 0px} 
.f1d {grid-row: 4;  grid-column: 1; padding: 0px} 

.f2a {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2aa {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2aaa {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2aaaa {grid-row: 5;  grid-column: 1; padding: 0px} 
.f2b {grid-row: 6;  grid-column: 1; padding: 0px} 
.f2c {grid-row: 7;  grid-column: 1; padding: 0px} 
.f2cc {grid-row: 7;  grid-column: 1; padding: 0px} 
.f2d {grid-row: 8;  grid-column: 1; padding: 0px} 

.f3a {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3aa {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3aaa {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3aaaa {grid-row: 9;  grid-column: 1; padding: 0px} 
.f3b {grid-row: 10;  grid-column: 1; padding: 0px} 
.f3c {grid-row: 11;  grid-column: 1; padding: 0px} 
.f3cc {grid-row: 11;  grid-column: 1; padding: 0px} 
.f3d {grid-row: 12;  grid-column: 1; padding: 0px} 

.f4a {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4aa {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4aaa {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4aaaa {grid-row: 13;  grid-column: 1; padding: 0px} 
.f4b {grid-row: 14;  grid-column: 1; padding: 0px} 
.f4c {grid-row: 15;  grid-column: 1; padding: 0px} 
.f4cc {grid-row: 15;  grid-column: 1; padding: 0px} 
.f4d {grid-row: 16;  grid-column: 1; padding: 0px} 

.f5a {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5aa {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5aaa {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5aaaa {grid-row: 17;  grid-column: 1; padding: 0px} 
.f5b {grid-row: 18;  grid-column: 1; padding: 0px} 
.f5c {grid-row: 19;  grid-column: 1; padding: 0px} 
.f5cc {grid-row: 19;  grid-column: 1; padding: 0px} 
.f5d {grid-row: 20;  grid-column: 1; padding: 0px} 
    
.ff1aa {grid-row: 1;  grid-column: 1; padding: 0px} 
.ff1cc {grid-row: 6;  grid-column: 1; padding: 0px} 

.ff2aa {grid-row: 2;  grid-column: 1 ; padding: 0px} 
.ff2c {grid-row: 7;  grid-column: 1; padding: 0px } 
.ff2d {grid-row: 8;  grid-column: 1; padding: 0px} 

.ff3a {grid-row: 3;  grid-column: 1; padding: 0px} 
.ff3b {grid-row: 4;  grid-column: 1; padding: 0px } 
.ff3c {grid-row: 9;  grid-column: 1; padding: 0px  } 
.ff3d {grid-row: 10;  grid-column: 1; padding: 0px } 

.ff4 {grid-row: 11;  grid-column: 1 ; padding: 0px 0px 10px; text-align: center} 

/* end 4 columns */
    
.columns2 {display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr)}
.columns3 {display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr)}
.columns4 {display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr)}
.columns5 {display: grid; gap: 10px; grid-template-columns: repeat(1, 1fr)}
    
}