:root {
  --cassiopeia-color-primary: green;
  --cassiopeia-color-hover: DarkOliveGreen;
  --cassiopeia-color-link: Black;
}

.colors1 {
  --website-color-primary: 37, 143, 167;
  --website-color-hover: 242, 48, 48;
  --cassiopeia-color-primary: rgba(var(--website-color-primary),0.5);
  --cassiopeia-color-hover: rgb(var(--website-color-hover));
  --cassiopeia-color-link: rgb(var(--website-color-primary));
}
/*.container-topbar a{
   background-color: var(--cassiopeia-color-primary);
}
*/

/*
.top-a {
   background-color: var(--cassiopeia-color-primary);
}
*/

/*
.container-topbar {
column-count: 2;
}
*/
/*
.container-topbar {
display:flex;
flex-flow:row;
align-items: center;
justify-content: space-around;  
}

.container-topbar {
display:flex;
flex-wrap: wrap;
flex-flow:row;
    grid-gap: 50px;
align-items: flex-start;
justify-content: space-around;  
}
*/

/*  .my-header-grid{
    grid-row: row 1;
    display: grid;
    grid-template-areas:
    'my-header my-header';
    grid-template-columns: 200px auto;
  }
*/
/*basic example
*/
/*achtergrond kleur voor een mailtoform 
	background: rgb(253,255,255);
	background: radial-gradient(circle, rgba(253,255,255,1) 0%, rgba(23,151,204,1) 50%, rgba(23,151,204,1) 100%);
}*/

/*advanced example
*/
/*@media (min-width: 768px) {
    .container-header .mod-menu {
        display: flex;
        flex-direction: row;
    }
}


.container-header div.mod-header {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .container-header div.mod-header {
    flex-direction: row;
  }
}
*/