@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); }

						/*  this file is in use 20191106  */
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;
}

a {
  font-family: myBBFont1;
  text-decoration: none;
  color: black;
  font-size: 10pt;
  line-height: 14pt;
  letter-spacing: 1pt;
  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:#707070;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;}


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;
}

.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;
}

#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%);
}

#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%;
  /*display: block;
  margin: 0 auto;
  position: absolute;
  z-index: 99999; */  
  /* transform: translateX(-50%); */
}

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

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

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%;
}

		/*	------------------------------------------------------------------------------------------------	*/
.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;}
}
		/*  -------------------------------  slut 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 */
 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 */
 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;}
}

		/*	------------------------------------------------------------ E N D------------------------------------	*/