@font-face {
  font-family: bwmitga;
  src: url(fonts/bwmitga/bwmitga-regular-webfont.woff2), url(fonts/bwmitga/bwmitga-regular-webfont.woff);
   font-weight: normal;
}

@font-face {
  font-family: bwmitga;
  src: url(fonts/bwmitga/bwmitga-bold-webfont.woff2), url(fonts/bwmitga/bwmitga-bold-webfont.woff);
   font-weight: bold;
   
   
}

@font-face {
  font-family: bwmitga;
  src: url(fonts/bwmitga/bwmitga-black-webfont.woff2), url(fonts/bwmitga/bwmitga-black-webfont.woff);
   font-weight: 900;
}














/* header logos */

div.title_adelaide {   font-weight:bold;
color: #eef; font-size:1.6em;  margin-top:2px;

}

div.title_adelaide span {  padding-left:.2em; padding-right:.2em;
background-color:#49507d;
  background-image: linear-gradient(#49507d, #191e35);
    border:solid 1px black; 
  color:#ddf;

}



div.title_adelaide span.span1 {
background-color:#333;
  background-image: linear-gradient(#424242, #202020);
 color:#ddd;
}

div.title_adelaide b {font-size:130%; margin:.02em;}




div.title_ascension {font-size:2.7em;
width:90%; padding-left:.8em;
 font-weight:bold;
line-height:.9; margin-top:0px;
font-weight:900;
} 

div.title_ascension b { background: -webkit-linear-gradient(#9b992aff 0%, #fef6f2ff 30%, #a89f35ff 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
 -webkit-text-stroke:1.5px black;

color:gold;

font-weight:900;


  }
  
  
div.title_ascension span {display:block; font-size:35%; background-color:#333;
  background-image: linear-gradient(#424242, #202020); padding:3px;
 color:#ddd;
}



/* end header logos */




div.headerimage {background-image:url('../speaker-images/title/speakers.jpg'); background-repeat:no-repeat; width:100%;   height:255px; margin:auto; max-width:1890px;
border:solid 2px #222; border-bottom:solid 1px black;
}

div#logo {width:475px; position:relative; left:280px; 
text-align:center;}




header {}
header div#titletext {font-weight:bold; color:#eec; line-height: 1.2; margin-top:.6em;}









body {
  margin: 0px;
font-family:bwmitga, verdana, sans-serif, arial; 

font-weight:normal;
font-size: 19px;


background-color:#2d2742;
background-image:url('blackwood-tile.jpg'); background-size:15%;


color: #b1af8f;

width:100%; min-width:360px; margin-left:auto; margin-right: auto;


}









div.sitebox {width:100%; max-width:1894px; margin-left:auto; margin-right:auto;  
color: #b1af8f; 
}

div.contentbox { }




article.veneers div {display:flex; flex-wrap:wrap; justify-content:center; font-size:17px; margin-bottom:1em;}
article.veneers figure { border:solid 2px #111;  text-align:center; font-weight:bold; margin:0em; width:24em; background-color:white; background-image:linear-gradient(to right, white, #bbb); color:black;}

article.veneers figure span {font-weight:normal; }






/* nav */

a#menu {display:block; background-color:yellow; color:black; position:fixed; top:0px; left:0px; z-index:2;  padding:.2em;
width:120px; font-weight:bold; border:solid 4px black; text-align:center; font-size:150%; vertical-align:middle; text-decoration: none;}
a#menu:hover {background-color:#ffff99; background-color:#DEB887; color:black; border-color:black;} 


/* nav end */

footer {padding:1em; text-align:center;  background-color:#322b4a; font-size:90%;}



a {color:lightblue;}
p b, p strong {font-weight:700; color:#eea;}
a:hover {color:#eef;}



div.series-intro {column-count:2; line-height:1.25; font-size:120%; margin-top:.7em; margin-bottom:.7em;}
div.series-intro p {margin-top:0px; padding-bottom:0px;}



p {margin:1em;}
b span.specifications {font-size:120%;}

article {  background-color:#322b4a; border:solid 4px #223; margin-bottom:3em; }
article img {vertical-align:bottom;}

/* Overview of models */

div.overview {}

div.overview a {border:solid 3px black; text-decoration: none; color:white; display:block; display: flex; background-color:white; color:black; flex-wrap:wrap; width:100%; justify-content:center; align-items:flex-end; width:19%; margin:.2%;}
div.overview a:hover {border:solid 3px yellow;}
div.overview h2 {width:100%; font-size:150%;}
div.overview p {padding:0px; margin:0px; margin-left:9px;  margin-right:9px; font-size:90%;}
/*
article.flexbox img {max-width:928px;} */









h1 span,h2 span,h3 span { display:block; font-size:50%; background-color:#338; border-top:solid 2px #115; border-bottom:solid 2px #115; color:white; font-weight:normal; }

h1,h2,h3,h4, div.h { font-weight:900; display:block; 
padding-top:0px;
margin:0px;
  font-size: 	250%;
text-align:center;
background-image:linear-gradient(to bottom, white, grey);
color:black; 
text-transform:uppercase;

}

h2,h3 {font-size:170%; margin-bottom:.4em;}



img {width:100%;}

figure.drawbg {display:flex; padding-left:50px; border:ridge 5px #444; height:300px;  border-bottom:solid 10px #444; 
border-radius:5px; float:right;   background-image: linear-gradient(#eee, grey);}

img.draw {
	padding-left:1em; padding-right:1em;
	width:auto; align-self: flex-end;  justify-content:center; }




div#htvisualisation {text-align:center; text-transform:uppercase; display:flex; flex-wrap:wrap; width:100%; justify-content:center; }

div#htvisualisation figure { border:ridge 7px #ddd; background-color:white; color:#222; margin:10px; width:47%;}
div#htvisualisation figcaption { font-size:150%; }








/* media queries */





@media (max-width: 1400px) {
	body {background-size:30%;}
header {margin-top:55px;}

article.flexbox {width:49%;}

div#htvisualisation {display:block;}
div#htvisualisation figure {margin-bottom:2em; width:100%; margin:0px;}


div.overview a {width:49%;}

}



@media (max-width: 800px) {
	
	
body {background-size:50%;}

div.overview a {width:100%;}


div.contentbox {font-size:80%;}
article#header-overview {margin-top:55px;}



div.series-intro {column-count:1;}
article.flexbox {width:99%;}
figure.drawbg {float:none;  width:auto; padding:0px; justify-content:center;}
h1,h2,h3,h4 {font-size:200%;}
figcaption {font-size:80%;}


button.btn {margin-left:0px;}


	h1,h2,h3,h4 {font-size:200%;}
	div.headerimage {background-position:-430px; height:200px; }
	div#logo {width:370px; left:0px;  font-size:65%; margin-top:0px;}
	div.title_adelaide {font-size:1.8em;}
div.title_ascension {font-size:3em;}
	header div#titletext {font-size:130%; margin-top:3%; }
	article {border-width:2px;}
	article.veneers div {font-size:15px; }
article.veneers figure  {width:8em; border-width:1px;}



}