@font-face { font-family: myBBFont1; src: url(../font/brandongrotesque_regular.otf); }
@font-face { font-family: myBBFont2; src: url(../font/brandongrotesque_medium.otf); }	
@font-face { font-family: myBBFont3; src: url(../font/brandongrotesque_regular_italic.otf); }	
@font-face { font-family: myBBFont4; src: url(../font/brandongrotesque_light.otf); }
@font-face { font-family: myBBFont5; src: url(../font/brandongrotesque_bold.otf); }

							/* see also mainLOGO.css */
body {
  font-family: myBBFont1;
  text-decoration: none;
  color: black;
  font-size: 10pt;				/* font only body. 10pt  */
  line-height: 14pt;
  letter-spacing: 1pt;
  margin: 0;
  padding: 0; 
  background-color: #ffffff;
}

body.alt2 {				/* this is for spring_summer_21.html  */
  width: 100%;
  font-family: myBBFont1;
  text-decoration: none;
  color: black;
  font-size: 10pt;				/* font only body. 10pt  */
  line-height: 14pt;
  letter-spacing: 1pt;
  margin: 0;
  padding: 0; 
  background-color: #ffffff;
  overflow: hidden; /* Hide scrollbars */	
}

a {
  font-family: myBBFont1;
  text-decoration: none;
  color: #000000;
  font-size: 14pt;
  line-height: 14pt;
  letter-spacing: 1pt;
  margin: 0;
  padding: 0; 
}
   /*a.one  on jewelly size  */
a.one:link {font-family: myBBFont1;font-size: 10pt;color:#101010;text-decoration:none;letter-spacing:1.0pt;margin: 0;padding: 0;}
a.one:visited {font-family: myBBFont1;font-size: 10pt;color:#101010;text-decoration:none;letter-spacing:1.0pt;margin: 0;padding: 0;}
a.one:hover {font-family: myBBFont1;font-size: 10pt;color:#909090;text-decoration:none;letter-spacing:1.0pt;margin: 0;padding: 0;}
   
a.two:link {font-family: myBBFont1;font-size: 10pt;color:#000000;text-decoration:none;letter-spacing:1.3pt;margin: 0;padding: 0;font-weight:bold;}
a.two:visited {font-family: myBBFont1;font-size: 10pt;color:#000000;text-decoration:none;letter-spacing:1.3pt;margin: 0;padding: 0;font-weight:bold;}
a.two:hover {font-family: myBBFont1;font-size: 10pt;color:#707070;text-decoration:none;letter-spacing:1.3pt;margin: 0;padding: 0;font-weight:bold;}
     
a.four:link {font-family: myBBFont1;font-size: 6pt;color:#ff0000;text-decoration:none;letter-spacing:1.3pt;margin: 0;padding: 0;font-weight:bold;}
a.four:visited {font-family: myBBFont1;font-size: 6pt;color:#ff0000;text-decoration:none;letter-spacing:1.3pt;margin: 0;padding: 0;font-weight:bold;}
a.four:hover {font-family: myBBFont1;font-size: 6pt;color:#707070;text-decoration:none;letter-spacing:1.3pt;margin: 0;padding: 0;font-weight:bold;}
 

h1 {						/*  see text.one  */
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

h2 {
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 14pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

h3 {
    display: inline;
    font-family: myBBFont1;
    font-style: bold;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 16pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

h4 {
    display: inline;
    font-family: myBBFont3;
    font-style: italic;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 18pt;
    line-height: 22pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

h5 {							/*  see text.five  */
    display: inline;
    font-family: myBBFont3;
    font-style: italic;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

h6 {							/*  see text.six  */
    display: inline;
    font-family: myBBFont2;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

h7{					/*  text on menSS21cam2  */
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: #000000;
	font-size: 14px;				
	line-height: 32px;	
    margin: 0;
    padding: 0px; 
    margin-top: 10pt;
    margin-bottom: 0;		 
    margin-left: 49%;
    margin-right: 40%; 			/*  */
}

text.one {
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 11pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

text.two {		/* ----------   shop JEWELLERY -----------  */
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 0.4pt;
    text-decoration: none;
    color: black;
    font-size: 9pt;
    line-height: 16pt;		/*  14pt do not use this here */
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

text.four {							/*  see also info1  */
    display: inline;
    font-family: myBBFont5;
    letter-spacing: 1.4pt;		/*  see also info1  */
    text-decoration: none;
    color: #ffffff;
    font-size: 19px;		/* bold other text 	shirting inequality*/
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

text.five {
    display: inline;
    font-family: myBBFont3;
    font-style: italic;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

text.six {
    display: inline;
    font-family: myBBFont2;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 11pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

text.seven {							/* Back knap på white-shirt-equality    see also info1  */
    font-family: myBBFont1;
    letter-spacing: 1.4pt;		/*  see also info1  */
    text-decoration: none;
    color: #ffffff;
	font-size: 19px;				
	line-height: 29px;		/* bold other text 	shirting in equality*/
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;	
    margin-left: 49%;
    margin-right: 51%;
	text-align: justify;
}
					/*  text eight new shop page 20201205  */
text.eight {
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 14pt;
	font-weight: bold;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

text.nine {		/* ----------   shop men21 -----------  */
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
    font-size: 10pt;
    line-height: 16pt;
	font-weight: bold;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

/* ----------   shop test out of stock -----------  */
/*
text.ten {		
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 0.4pt;
    text-decoration: none;
    color: black;
    font-size: 9pt;
    line-height: 14pt;		
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
*/
/* ----------   shop test out of stock -----------  */
/*
text.eleven {		
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 0.4pt;
    text-decoration: none;
    color: black;
    font-size: 8pt;
    line-height: 14pt;		
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
*/

text.stock {		/* ----------   shop out of stock in use 20210103-----------  */
    display: inline;
    font-family: myBBFont1;
    letter-spacing: 0.4pt;
    text-decoration: none;
    color: black;
    font-size: 8pt;
    line-height: 14pt;		/*   */
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

ul.a {						/*  Organic Cotton  */
  list-style-type: black circle;
}

.eight {						/* used on logo info */
	display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: #6699ff;
    font-size: 11pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.nine {						/* used on logo info */
	display: inline;
    font-family: myBBFont3;
    letter-spacing: 1pt;
    text-decoration: none;
    color: #6699ff;
    font-size: 11pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.ten {						/* used on logo  */
	display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: #0055ff;
    font-size: 11pt;
    line-height: 12pt;
    margin: 0;
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.eleven {						/* used on logo  test5*/
	display: inline;
    font-family: myBBFont1;
    letter-spacing: 1pt;
    text-decoration: none;
    color: #000000;
    font-size: 11pt;
    line-height: 12pt;    
    padding: 0; 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 0;
}

.twelve {					/* The Organic Cotton Complex   headlines    	font-weight:bold; font-size: 14pt;  line-height: 12pt;	  */
    display: inline;
    font-family: myBBFont1;
	text-transform: uppercase;
    letter-spacing: 1pt;
    text-decoration: none;
    color: black;
}	

.button1 {
    background-color: #ffffff; /* 	e7e7e7 */
    border: none;
	border-radius: 4px;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
	letter-spacing: 1,8pt;
    margin: 4px 2px;
	padding: 3px 5px;
    cursor: pointer;
}

.button2 {
    background-color: #ffffff; /* 	e7e7e7 */
    border: none;
	border-radius: 4px;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
	letter-spacing: 1,8pt;
    margin: 0px 0px;
	padding: 2px 2px;
    cursor: pointer;
}

.button3 {					/*  Out Off Stock	*/
	font-family: myBBFont1;
    background-color: #ffffff; /* 	e7e7e7 */
    border: none;
	border-radius: 4px;
    color: #000000;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10pt;
	letter-spacing: 1,8pt;
    margin: 0px 0px;
	padding: 2px 3px;
	transition-duration: 0.4s;
    cursor: pointer;
}

.button3:hover 			/*  Out Off Stock	*/
	{
	  background-color: #e7e7e7;
	  text-decoration: none;
	  border: none;
	}


#logobig {
  text-align: center;
  display: block;
  margin: 0 auto;
  position: fixed;
  top: 10px;
  z-index: 99999;
  left: 50%;
  transform: translateX(-50%);
}

#logobig img {
height: 72pt;
}

#logosmall {
  text-align: center;
  display: block;
  margin: 0 auto;
  position: fixed;
  top: 10px;
  z-index: 99999;
  left: 50%;
  transform: translateX(-50%);
}

#logosmall img {
height: 14pt;
}

#logotext { 					/*	BIBI BLANGSTED logo	*/
  text-align: center;
  position: fixed;
  left: 0; top: 20px; right: 0;
  z-index: 99999;
}

#information {
  text-align: center;
  position: fixed;
  left: 0; bottom: 20px; right: 0;
  z-index: 99999;
}

#information2 {
  text-align: center;
  position: fixed;
  left: 0; bottom: 20px; right: 0;
  z-index: 99999;
}

#info {
  width: 70%;
  text-align: left;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50px;
  z-index: 99999;
  left: 50%;
  transform: translateX(-50%);
}

#infoC {			/* Organic Cotton   tabeller under img.graf1 and Statement and about white shirt */
  width: 70%;
  text-align: left;
  display: block;
  margin: 0 auto;
  padding-top: 100px; 	/* different here from #info insted of "top"  */
  position: absolute;
  z-index: 99999;
  left: 50%;
  transform: translateX(-50%);
}

#info1 {								/*  see also text four  */
  font-family: myBBFont1;
  text-decoration: none;
  color: #ffffff;
  font-size: 19px;				/* 24px 10pt */			/*  see also text four  */
  line-height: 29px;			/* 26px  14pt  */
  letter-spacing: 1.2pt;  		/*  see also text four  */
  width: 95%;					/* 97 started 70%   */
  text-align: left;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 130px;					/* 113px  104px */	
  z-index: 99999;
  left: 50%;
  transform: translateX(-50%);
  text-align:justify;
}

#info2 {							/* shirt logo 2019 */
  width: 70%;
  text-align: left;
  letter-spacing: 1.2pt;
  margin-left: 25%;
}

#info3 {								/* menSS21cam2 head  */
  text-align: center;
  display: block;
  margin: 0 auto;
  position: fixed;
  top: 13px;
  font-family: myBBFont1;
  text-decoration: none;					
  font-size: 14px;	
  letter-spacing: 1.2pt;
  width: 100%;
}

#press {
  text-align: center;
  position: fixed;
  left: 0; top: 50px; right: 0;
  z-index: 99999;
}

#enter {
  text-align: center;
  position: fixed;
  left: 0; top: 150px; right: 0;			/* bottom: 20px;  */
  z-index: 99999;
}

#enter a {
  font-family: myBBFont1;
  font-size: 20pt;	/* 24pt  */
  color: white;
}

#enter2 {
  text-align: left;							/* center  */
  z-index: 99999;
  display: block;
  margin: 0 auto;
}

#enter2 a {							/* se allso info1 and text four */ 	
  font-family: myBBFont1;
  font-size: 20px;	/* 20pt 24pt  */
  letter-spacing: 1.4pt;
  color: white;
}

.enter3 {							/* Billed_19BB    se allso info1 and text four */ 	
  font-family: myBBFont1;
  font-size: 20px;	/* 20pt 24pt  */
  letter-spacing: 1.4pt;
  color: white;
}

#terms {
  width: 85%;
  font-family: myBBFont1;
  font-size: 10pt;
  text-align: left;	
  /*position: ; */
  margin-left:7%;
  margin-bottom:100px;
  border: solid 0px;
}

.container {
 width: 90%;
 margin: 50px auto;		/* 50  */
 overflow: hidden;
}


.container1a {			 /* bruges til  ...? center ? */
 width: 90%;
 margin-top: 50px;
 margin-bottom: 2px;
 margin-left: auto;
 margin-right: auto;
 overflow: hidden;
}

.container1 {			/* projects 2020   	3 x img center */
  width: 90%;
  margin: 50px 16%;	
}

.container2 {			/* projects 2020 */
 width: 90%;
 margin: 2px auto;		/* 50  */
 overflow: hidden;
}

.container3 {			/* this is for spring_summer_21.html   	2 x img center  	   */
	width: 90%;
	margin-top: 60px;
	margin-left: 28%;
}

.container5{
    font-family: myBBFont1;
    letter-spacing: 1.2pt;
    text-decoration: none;
    line-height: 14pt; 
	margin-left: 80px;
	overflow: hidden;
}

img.shops
{
width: 50%;
}

img.shops2		/* shops2 shop_test01  */
	{
	box-shadow: 1PX 1PX 3px 2px rgba(0, 140, 186, 0.5);
	}		

img.logo		/*  shirt logo 2019*/
{
width: 70%;
margin-left: 15%;
margin-right: 14%;
}

img.logo01		/*  shirt logo OLD GW170817 2019*/
{
width: 40%;
margin-left: 30%;
margin-right: 29%;
}

img.graf1		/* Organic Cotton  */
	{
	text-align: center;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	}	
			/* text-align: center; width: 500px; height: auto; display: block; margin-left: auto; margin-right: auto;  */
			/* 	text-align: center; width: auto; height: auto; margin-left: auto; margin-right: auto; padding: 7px;    */
		/*	------------------------------------------------------------------------------------------------	*/
		
		/*	table, tr and td are test for size 20210129  ex. td.s and td.sh same width -----------------------	*/
			
/* ------------	table below here is active 20210207 -------------------------------------------------	*/
	table.size2b     /* TEST TABLE  color: white;	*/
	{
	color: white;
    border-collapse: collapse;
    border: 1px;				/* Install if no border:  1px solid white  */
	border-color: #DCDCDC;
	margin-left:0px;
	}
	
	tr.tr2b
	{
    border-collapse: collapse;
	height:30px;
	width: 100%;
	}							
	
	tr.tr2c
	{
    border-collapse: collapse;
	height:30px;
	width: 100%;
	}	
	
	tr.tr2d
	{
    border-collapse: collapse;
	height:30px;
	width: 100%;
	}	
	
	tr.tr2e
	{
    border-collapse: collapse;
	height:30px;
	width: 100%;
	}	
			/*			  head 			 */
	td.tdh1b
	{
	width:70px;
	padding-left:0px;
	color: black;
	}	
	td.tdh2b
	{
	width:125px;	/*  112px */
	padding-left:0px;
	color: black;
	text-align: center;
	}
	td.tdh3b
	{
	width:173px;	/*  162px */
	padding-left:0px;
	color: black;
	text-align:center;
	}
	td.tdh4b
	{
	width:40px;
	padding-left:0px;
	color: black;
	text-align:center;
	}
	td.tdh5b
	{
	width:42px;
	padding-left:1px;
	color: black;
	text-align:center;
	}
	td.tdh6b
	{
	width:47px;
	padding-left:1px;
	color: black;
	text-align:center;
	}
	td.tdh7b
	{
	width:44px;
	padding-left:1px;
	color: black;
	text-align:center;
	}
	
	td.td1b
	{
	padding-left:0px;
	color: black;
	}	
	td.td2b
	{
	padding-left:0px;
	color: black;
	text-align:center;
	}
	td.td3b
	{
	color: black;
	padding-left:0px;
	text-align:center;
	}
	td.td4b
	{
	color: black;
	padding-left:0px;
	text-align:center;
	}
	td.td5b
	{
	color: black;
	padding-left:0px;
	text-align:center;
	}		
	td.td6b
	{
	color: black;
	padding-left:0px;
	text-align:center;
	}		
	td.td7b
	{
	color: black;
	padding-left:0px;
	text-align:center;
	}			
	/* -abowe table is active  20210207 ------------------------------------------------------------------------------- */

	table.size     /* color: white;	*/
	{
	color: white;
    border-collapse: collapse;
    border: 1px;				/* Install if no border:  1px solid white  */
	border-color: #DCDCDC;
	margin-left:1px;
	}
	
	tr.s td
	{
    border-collapse: collapse;
	height:19px;
	}							/* Install if no border:border: 1px;  solid white   */
	
	td.sh1
	{
	width:60px;
	padding-left:9px;
	color: black;
	}	
	td.sh2
	{
	width:140px;
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.sh3
	{
	width:140px;
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.sh4
	{
	width:90px;
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.s1
	{
	width:60px;
	padding-left:8px;
	color: black;
	}	
	td.s2
	{
	width:90px;
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.s3
	{
	color: black;
	width:90px;
	padding-left:9px;
	text-align: center;
	}
	td.s4
	{
	color: black;
	width:90px;
	padding-left:9px;
	text-align: center;
	}			
					/*	----------------------------------------------	*/
	table.size1b     /*size1 > popup,   color: white;	*/
	{
	position:absolute;top:1px;left:1px;
	width: 440px;
	font-size: 10pt;
	/*color: white;*/
    border-collapse: collapse;
    border: 1px solid white;				/* Install if no border:  1px solid white  */
	margin-left:0px;
	}	

	tr.sa td
	{
	height: 40px;	
	text-align: center;
	}	
	
	tr.sb td
	{
    border-collapse: collapse;
	height:19px;
	border: 1px solid white;
	}							/* Install if no border:   border: 1px solid white   ,  border-color: #DCDCDC;*/
	
	td.sh1b
	{
	width:60px;
	padding-left:9px;
	color: black;
	}	
	td.sh2b
	{
	width:130px;
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.sh3b
	{
	width:140px;
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.sh4b
	{
	width:60px;
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.s1b
	{
	/*width:60px;*/
	padding-left:8px;
	color: black;
	}	
	td.s2b
	{
	/*width:90px;*/
	padding-left:9px;
	color: black;
	text-align: center;
	}
	td.s3b
	{
	color: black;
	/*width:90px;*/
	padding-left:9px;
	text-align: center;
	}
	td.s4b
	{
	color: black;
	/*width:90px;*/
	padding-left:9px;
	text-align: center;
	}			
	
	
	
		/*	------------------------------------------------------------------------------------------------	*/
.galleryItem {
 float: left;
 width: 21%;						/*  21%  */
 margin: 2% 2% 2% 2%;
}
 
.galleryItem img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						/*   */
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem img {display: none;}
 .galleryItem {text-align: center;}
}
		/*	------------------------------------------------------------------------------------------------	*/

.galleryItem1 {			/* projects forside test 20200525 */
 
 width: 21%;						/*    */
 margin-bottom: 50px;
 margin-top: 50px;
 margin-left:  50%;
 margin-right: 50%;
}
 
.galleryItem1 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem1 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						/*   */
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem1 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem1 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem1 img {display: none;}
 .galleryItem1 {text-align: center;}
}		

		/*	------------------------------------------------------------------------------------------------	*/
.galleryItem2 {						/* for wide image + wide in shop20 */
 float: left;
 width: 42%;						/*  21%  */
 margin: 2% 2% 2% 2%;
}
 
.galleryItem2 img {
 max-width: 100%;						/*   */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem2 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem2 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem2 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem2 img {display: none;}
 .galleryItem2 {text-align: center;}
}
		/*	------------------------------------------------------------------------------------------------	*/

.galleryItem2b {						/* for wide image project_2020 & shop20 text     */
 float: left;
 width: 46%;						/*  21%  */
 margin: 2% 2% 2% 2%;
}
 
.galleryItem2b img {
 max-width: 100%;						/*   */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem2b {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem2b {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem2b {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem2b img {display: none;}
 .galleryItem2b {text-align: center;}
}
	
		/*	------------------------------------------------------------------------------------------------	*/		
.galleryItem3 {						/* for text  TERMS */
 float: left;
 width: 42%;						/*  21%  */
 margin: 2% 2% 2% 2%;
 border: solid 0px;
}
 
.galleryItem3 img {
 max-width: 100%;						/*   */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem3 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem3 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem3 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem3 img {display: none;}
 .galleryItem3 {text-align: center;}
}
		/*	------------------------------------------------------------------------------------------------	*/
										/* for image to right , ex. crop_i.html */
.galleryItem4 {
 float: right;
 width: 21%;						/*  21%  */
 margin: 2% 2% 2% 2%;
}
 
.galleryItem4 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem4 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						/*   */
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem4 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem4 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem4 img {display: none;}
 .galleryItem4 {text-align: center;}
}		

		/*	------------------------------------------------------------------------------------------------	*/
.galleryItem5 {						/* for very wide image , text LOGO */
 float: left;
 width: 70%;						/*    %  */
 margin: 0% 1% 0% 26%;				/*  0% 1% 0% 26%;    %  */
 letter-spacing: 1.1pt;
}
 
.galleryItem5 img {
 max-width: 70%;						/* 100  */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem5 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem5 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem5 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem5 img {display: none;}
 .galleryItem5 {text-align: center;}
}

		/*	------------------------------------------------------------------------------------------------	*/
.galleryItem5b {						/* for very wide image , TEST4b text LOGO */
position: absolute; 		/*    	float: left;   */
 						/*  width: 70%;  %  */ 				
letter-spacing: 1.1pt;
margin-top: 14%;		/* margin-top: 20%; margin: 0% 1% 0% 26%;    %  margin-bottom: 0%; */
margin-bottom: 14%;
margin-right: -50%;
margin-left: 50%;
transform: translate(-50%, -50%);
}
 
.galleryItem5b img {
 max-width: 70%;						/* 100  */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem5b {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem5b {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem5b {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem5b img {display: none;}
 .galleryItem5b {text-align: center;}
}
		/*  -------------------------------  end of test 4b ------------------------------------------------    */
		/*	------------------------------------------------------------------------------------------------	*/
.galleryItem6 {						/* for very wide image , LOGO */
 float: left;
 width: 85%;						/*    %  */
 margin: 0% 1% 0% 14%;
 letter-spacing: 1.1pt;
}
 
.galleryItem6 img {
 max-width: 85%;						/* 100  */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem6 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem6 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem6 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem6 img {display: none;}
 .galleryItem6 {text-align: center;}
}
		
		/*	------------------------------------------------------------------------------------------------	*/
.galleryItem7 {						/* for very wide image TEST , LOGO   see also mainLOGO.css*/
 margin-bottom: 0%;
 margin-left: 16%;
 margin-right: 16%;
 margin-top: 0%;
 letter-spacing: 1.1pt;
}
 
.galleryItem7 img {
 max-width: 100%;						/* 100  */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem7 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem7 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem7 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem7 img {display: none;}
 .galleryItem7 {text-align: center;}
}

		
		/*	------------------------------------------------------------------------------------------------	*/
.galleryItem8 {						/* for very wide image logoTEST5 , LOGO   see also mainLOGO.css  , and The Organic Cotton Complex */
 margin-bottom: 0%;
 margin-left: 14%;
 margin-right: 14%;
 margin-top: 0%;
 letter-spacing: 1.1pt;
}
 
.galleryItem8 img {
 max-width: 100%;						/* 100  */
} 

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem8 {font-size: 11pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						   
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem8 {width: 46%; font-size: 10pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem8 {width: 96%; left: 0;}
}

@media only screen and (max-height : 520px),
only screen and (max-device-height : 520px){
 .galleryItem8 img {display: none;}
 .galleryItem8 {text-align: center;}
}

/* ------------------------------------------------------------------------------------------------ */
									/* shop 2020 */
.galleryItem20 {		/* img on page  */
 float: left;
 width: 14%;						/*19  21%  */
 margin: 2px 2% 2% 0%; 	/* top,left,bottom,right  */
 /* padding: 18px; */
}
 
.galleryItem20 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem20 {font-size: 8px; line-height: 8pt; letter-spacing: 1pt;text-align: center;}		/*	8pt	*/						/*   */
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem20 {width: 9%; font-size: 8px; line-height: 14pt; letter-spacing: 1pt;text-align: center;}		/*	10pt	*/						/*   */
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem20 {width: 5%; left: 0;}
}

@media only screen and (max-height : 400px),
only screen and (max-device-height : 400px){
 .galleryItem20 img {display: none;}
 .galleryItem20 {text-align: center;}
}

		/*	------------------------------------------------------------------------------------------------	*/
/* ------------------------------------------------------------------------------------------------ */
									/* shop 2020 test for tekst */
.galleryItem21 {		/* img on page  */
 float: left;
 width: 14%;						/*19  21%  */
 margin: 2px 2% 2% 0%; 	/* top,left,bottom,right  */
 /* padding: 18px; */
}
 
.galleryItem21 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem21 {font-size: 4px; line-height: 8pt; letter-spacing: 1pt;text-align: center;}		/*	8pt	*/						/*   */
}	/*	font-size: 8px; line-height: 8pt;			*/

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem21 {width: 9%; font-size: 2px; line-height: 14pt; letter-spacing: 1pt;text-align: center;}		/*	10pt	*/						/*   */
}	/*  font-size: 8px; line-height: 14pt;  */

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem21 {width: 5%; left: 0; font-size: 0px;} /* font tilføjet 20201201  */
}

@media only screen and (max-height : 400px),
only screen and (max-device-height : 400px){
 .galleryItem21 img {display: none;}
 .galleryItem21 font {display: 2px;} 						/* {text-align: center; font-size: 4px;} */
}


									/* ON shop_003_21.html    FOR SIZE on text >>>>LONG TITLES<<<< JEWELLERY 20210215 */

.galleryItem26 {
 float: left;
 width: 21%;						/*  21%  */
 margin: 2% 2% 2% 2%;
}
 
.galleryItem26 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem26 {font-size: 9pt; line-height: 8pt; letter-spacing: 1pt;}		/*	8pt	*/						/*   */
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem26 {width: 46%; font-size: 8pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px){
 .galleryItem26 {width: 46%; font-size: 7pt; line-height: 14pt; letter-spacing: 1pt;}		/*	10pt	*/						/*   */
 #logosmall {position: absolute;}
 .container {margin: 100px auto;}
}

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem26 {width: 46%; font-size: 6pt; left: 0;}
}

@media only screen and (max-height : 500px),
only screen and (max-device-height : 500px){
 .galleryItem26 img {display: none;}
 .galleryItem26 {text-align: center; font-size: 4pt;}
}


/* ------------------------------------------------------------------------------------------------ */
									/*DELETE ??   shop 2020 FOR SIZE img & text Shirts 20201215 */
.galleryItem22 {		/* img on page  */
 float: left;
 width: 14%;						/*19  21%  */
 margin: 2px 2% 2% 0%; 	/* top,left,bottom,right  */
 /* padding: 18px; */
 font-family: myBBFont1;
 font-size: 10pt;
 font-weight: bold;
 line-height: 16pt;
}
 
.galleryItem22 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem22 {font-family: myBBFont1; font-size: 8pt; line-height: 8pt; letter-spacing: 1pt;text-align: center;}								/*   */
}  			/*	font-size: 2pt; line-height: 8pt;	*/

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
 .galleryItem22 {width: 13%; font-size: 8pt; line-height: 14pt; letter-spacing: 1pt;text-align: center;}	
}       	/* width: 9%; font-size: 8px;	10pt	*/		/*   */

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem22 {width: 11%; font-size: 7pt; left: 0;}
}			/* width: 5%;  */

@media only screen and (max-height : 400px),
only screen and (max-device-height : 400px){
 .galleryItem22 img {display: none;}
 .galleryItem22 {text-align: center; font-size: 5pt;}
}

		/*	------------------------------------------------------------------------------------------------	*/
/* ------------------------------------------------------------------------------------------------ */
									/*DELETE ??   shop 2020 in use on JEWELLERY 20201217   TEST FOR SIZE on text 015W 016W 017W */
.galleryItem23 {		/* img on page  */
 float: left;
 width: 14%;						/*19  21%  */
 margin: 2px 2% 2% 0%; 	/* top,left,bottom,right  */
 /* padding: 18px; */
 font-family: myBBFont1;
 letter-spacing: 0.4pt;
 font-size: 9pt;
 font-weight: bold;
 line-height: 16pt;
}
 
.galleryItem23 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1080px),
only screen and (max-device-width : 1080px){
 .galleryItem23 {font-family: myBBFont1; font-size: 9pt; line-height: 8pt; letter-spacing: 0.4pt;text-align: left;}								/*   */
}  			/*	font-size: 2pt; line-height: 8pt;	*/

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){	
 .galleryItem23 {width: 13%; font-size: 5pt; line-height: 14pt; letter-spacing: 0.4pt;text-align: left;}		/* lav kode for font her for lange filnavne */
}       	/* width: 9%; font-size: 8pt;	10pt	line-height: 14pt; letter-spacing: 1pt; */	

@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px){	
 .galleryItem25 {width: 13%; font-size: 4pt; line-height: 14pt; letter-spacing: 0.3pt;text-align: left;}		
}       	/* width: 9%; font-size: 5pt;	line-height: 14pt;  */	

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem23 {width: 11%; font-size: 3pt; text-align: left; left: 0;}
}			/* width: 5%;  */

@media only screen and (max-height : 400px),
only screen and (max-device-height : 400px){
 .galleryItem23 img {display: none;}
 .galleryItem23 {text-align: left; font-size: 3pt;}
}


/* ------------------------------------------------------------------------------------------------ */
									/*DELETE when shop_003_21.html is OK   shop 2020 TEST FOR SIZE on text >>>>LONG TITLES<<<< JEWELLERY 20201217 */
.galleryItem24 {		/* img on page  */
 float: left;
 width: 14%;						/*19  21%  */
 margin: 2px 2% 2% 0%; 	/* top,left,bottom,right  */
 /* padding: 18px; */
 font-family: myBBFont1;
 letter-spacing: 0.3pt;
 font-size: 9pt;
 font-weight: bold;
 line-height: 16pt;
}
 
.galleryItem24 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){
 .galleryItem24 {font-family: myBBFont1; font-size: 7pt; line-height: 8pt; letter-spacing: 0.3pt;text-align: left;}								/*   */
}  			/*	font-size: 2pt; line-height: 8pt;	*/

@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px){
 .galleryItem24 {font-family: myBBFont1; font-size: 6pt; line-height: 8pt; letter-spacing: 0.3pt;text-align: left;}								/*   */
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){	
 .galleryItem24 {width: 13%; font-size: 5pt; line-height: 14pt; letter-spacing: 0.3pt;text-align: left;}		/* lav kode for font her for lange filnavne */
}       	/* width: 9%; font-size: 8pt;	10pt	line-height: 14pt; letter-spacing: 1pt; */	

@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px){	
 .galleryItem24 {width: 13%; font-size: 4pt; line-height: 14pt; letter-spacing: 0.3pt;text-align: left;}		/* lav kode for font her for lange filnavne */
}       	/* width: 9%; font-size: 8pt;	10pt	line-height: 14pt; letter-spacing: 1pt; */	

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem24 {width: 11%; font-size: 3pt; text-align: left; left: 0;}
}			/*520px    width: 5%;  */

@media only screen and (max-height : 400px),
only screen and (max-device-height : 400px){
 .galleryItem24 img {display: none;}
 .galleryItem24 {text-align: left; font-size: 3pt;}
}

		/*	------------------------------------------------------------------------------------------------	*/	
									/* DELETE when shop_003_21.html is OK   shop 2020 FOR SIZE img & text Shirts 015W  016W  017W 20210215 */
.galleryItem25 {		/* img on page  */
 float: left;
 width: 14%;						/*19  21%  */
 margin: 2px 2% 2% 0%; 	/* top,left,bottom,right  */
 /* padding: 18px; */
 font-family: myBBFont1;
 letter-spacing: 0.3pt;
 font-size: 10pt;
 font-weight: bold;
 line-height: 16pt;
}
 
.galleryItem25 img {
 max-width: 100%;						/*   */
}

@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){
 .galleryItem25 {font-family: myBBFont1; font-size: 10pt; line-height: 8pt; letter-spacing: 0.3pt;text-align: left;}								/*   */
}  			/*	font-size: 2pt; line-height: 8pt;	*/

@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px){
 .galleryItem25 {font-family: myBBFont1; font-size: 10pt; line-height: 8pt; letter-spacing: 0.3pt;text-align: left;}								/*   */
}

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){	
 .galleryItem25 {width: 13%; font-size: 9pt; line-height: 14pt; letter-spacing: 0.3pt;text-align: left;}		/* lav kode for font her for lange filnavne */
}       	/* width: 9%; font-size: 8pt;	10pt	line-height: 14pt; letter-spacing: 1pt; */	

@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px){	
 .galleryItem25 {width: 13%; font-size: 8pt; line-height: 14pt; letter-spacing: 0.3pt;text-align: left;}		/* lav kode for font her for lange filnavne */
}       	/* width: 9%; font-size: 8pt;	10pt	line-height: 14pt; letter-spacing: 1pt; */	

@media only screen and (max-width : 520px),
only screen and (max-device-width : 520px){
 .galleryItem25 {width: 11%; font-size: 6pt; text-align: left; left: 0;}
}			/*520px    width: 5%;  */

@media only screen and (max-height : 400px),
only screen and (max-device-height : 400px){
 .galleryItem25 img {display: none;}
 .galleryItem25 {text-align: left; font-size: 4pt;}
}
				
		/*	------------------------------------------------------------------------------------------------	*/		
		/*	------------------------------------------------------------ E N D------------------------------------	*/