.header {
  background: #cccccc;
/*background: rgba(255,255,255 0.5); 
background: RGB(250,250,250)20%;*/
/* color: #000000;*/
}

body {
background: RGB(230,230,230)20%;
background-image: url(../images/paget.png) ;

  background-position: top 200px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  }
main {
	background: rgba(255,255,255 0.5); 
}
.container-header .mod-menu {
    color: #000000;
  margin-left:20px;
  
  /*  flex: 1 0 100%;
    margin: 0;
    padding: 0;
    list-style: none;*/
}
/* color: #000000;
.container-header {
 display: Flex;
 background.color: #dddddd;
 margin: 20;
 padding: 20;
    }*/

/* generate a clamp font size for h2, in small viewports it should have 16px in large viewports 26px */
		h2, .h2 {
			font-size: clamp(24px, 5vw, 32px);
         color: #d22125; }
		h3, .h3 {
			font-size: clamp(16px, 5vw, 26px);
         color: #d22125; }