/**
 * @license
 * MyFonts Webfont Build ID 3715565, 2019-02-05T10:54:41-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CataneoOSFBT-Regular by Bitstream
 * URL: https://www.myfonts.com/fonts/bitstream/Cataneo/osf/
 * 
 * Webfont: CataneoOSFBT-Bold by Bitstream
 * URL: https://www.myfonts.com/fonts/bitstream/Cataneo/osf-bold/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3715565
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

/* @import url("//hello.myfonts.net/count/38b1ed"); */

  
@font-face {font-family: 'CataneoOSFBT-Regular';src: url('../Cataneo_Webfont_Kit/webfonts/38B1ED_0_0.eot');src: url('../Cataneo_Webfont_Kit/webfonts/38B1ED_0_0.eot?#iefix') format('embedded-opentype'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_0_0.woff2') format('woff2'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_0_0.woff') format('woff'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_0_0.ttf') format('truetype'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_0_0.svg#wf') format('svg'); font-display: swap;}
 
  
@font-face {font-family: 'CataneoOSFBT-Bold';src: url('../Cataneo_Webfont_Kit/webfonts/38B1ED_1_0.eot');src: url('../Cataneo_Webfont_Kit/webfonts/38B1ED_1_0.eot?#iefix') format('embedded-opentype'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_1_0.woff2') format('woff2'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_1_0.woff') format('woff'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_1_0.ttf') format('truetype'),url('../Cataneo_Webfont_Kit/webfonts/38B1ED_1_0.svg#wf') format('svg'); font-display: swap;}
 

/* icomoon/style.css */

@font-face {
    font-family: 'icomoon';
    src:  url('/IcoMoon_font/fonts/icomoon.eot?92k3q3');
    src:  url('/IcoMoon_font/fonts/icomoon.eot?92k3q3#iefix') format('embedded-opentype'),
      url('/IcoMoon_font/fonts/icomoon.ttf?92k3q3') format('truetype'),
      url('/IcoMoon_font/fonts/icomoon.woff?92k3q3') format('woff'),
      url('/IcoMoon_font/fonts/icomoon.svg?92k3q3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-home:before {
    content: "\f015";
  }
  .icon-bars:before {
    content: "\f0c9";
  }

/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

img{vertical-align:middle}a{color:inherit}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-display-container{position:relative}.w3-text{display:none}.w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}

.w3-bar-block,.w3-bar-block{width:100%}
.w3-bar-block,.w3-bar-block{min-width:100%}
.w3-bar-block .w3-button,.w3-bar-block .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}

.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar,.w3-bar{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}
.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-mobile,.w3-mobile{text-align:center}
.w3-mobile,.w3-mobile .w3-btn,.w3-mobile .w3-button,.w3-mobile,.w3-mobile .w3-btn,.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}

.w3-top{position:fixed;width:100%;z-index:1;}
.w3-top{top:0;}
.w3-round-large{border-radius:8px;}
.w3-round-xlarge{border-radius:16px;}
.w3-container{padding:0.01em 16px;}
.w3-card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);}
.w3-large{font-size:18px!important;}
.w3-xlarge{font-size:24px!important;}
.w3-center{text-align:center!important;}
.w3-border-bottom{border-bottom:1px solid #ccc!important;}
.w3-section{margin-top:16px!important;margin-bottom:16px!important;}
.w3-margin{margin:16px!important;}
.w3-margin-top{margin-top:16px!important;}
.w3-margin-left{margin-left:16px!important;}
.w3-padding{padding:8px 16px!important;}
.w3-padding-large{padding:12px 24px!important;}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important;}
.w3-right{float:right!important;}
.w3-button:hover{color:#000!important;background-color:#ccc!important;}

/* Colors */

.w3-white{color:#000!important;background-color:#fff!important;}
.w3-black{color:#fff!important;background-color:#000!important;}
.w3-light-grey{color:#000!important;background-color:#f1f1f1!important;}
.w3-text-green{color:#4CAF50!important;}

/* general.css */

@charset "UTF-8";
/* CSS Document */


* {
  box-sizing: border-box;
}

img {
    pointer-events: none;
}

body {
  margin: 0;
  background-image: url("BrySEA4.jpg"); 
}

html {
  font-size: calc(16px + 24 * ((100vw - 320px) / 1250));
}


.CataneoOSFBT-Regular { 
	font-family: CataneoOSFBT-Regular;
	font-weight: normal;
	font-style: normal;
}

.CataneoOSFBT-Bold { 
	font-family: CataneoOSFBT-Bold;
	font-weight: normal;
	font-style: normal;
}


h1,h2 {font-family: CataneoOSFBT-Bold, "Times New Roman", Times, serif}

body,h3,h4,h5 {font-family: "Times New Roman", Times, serif}


h1 {
  font-size: 1.5rem; 
  text-align: center;
  color: maroon;
  margin-top: 4px;
  margin-bottom: 0;
}


h2 {
  font-size: 1.3rem; 
  text-align: center;
  color: #007256;
  margin-top: 0;
  margin-bottom: 0;
}   

h3 {
  font-family: 'Tangerine';
  font-size: 3.5em; 
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
}   

h4 {
  font-size: 36px; 
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;}   

h5 {
  font-size: 0.65rem; 
  font-weight: bold;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;}   

p {
  text-align: justify;
  font-size: 1.7em; 
  line-height: 1em; 
  margin-top: 0;
  margin-bottom: 0.7em;
}

hr {
    margin-top: 8px;
    margin-bottom: 8px;
}


/* Style the header */
.header {
  background-color: #f1f1f1;
  padding: 0;
  text-align: center;
}


div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
}


.ellipsed {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-style: italic;
}

.w3-safety-green
{color:#fff;background-color:#007256}

.w3-safety-blue
{color:#fff;background-color:#0067a7}


/* define grid */
/* Responsive layout - freeze fontsize for large screens */
@media (min-width: 1366px) {

h1 {
  font-size: 54px; 
}

h2 {
  font-size: 47px; 
}   

h5, p {
  font-size: 22px; 

}  

  
/* catalogue-specific8.css */

/* define grid */

.container {
    display: grid;
  
    grid-template-areas:
      "topbar"
      "dum"
      "header"
      "catalogue";
  
    grid-template-columns: auto;
    grid-template-rows: 47px auto auto auto auto auto auto;
    grid-gap: 0px;
  

  }
  
  /* place items on grid */
  
  topbar {
    grid-area: topbar;
  }
  
  header {
    grid-area: header;
  }
  
  catalogue {
    grid-area: catalogue;
    width: 50%;
    margin: auto;
    margin-top: 0.5rem;
  }
  
  


  /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media (max-width: 600px) {
    .container {
      display: grid;
  
      grid-template-areas:
        "topbar"
        "dum"
        "header"
        "catalogue";
  
      grid-template-columns: auto;
      grid-template-rows:
        auto /* Topbar */
        47px /* Dum */
        auto /* Header */
        auto /* Catalogue */
    }
  
    catalogue {
      margin: 0;
      width: 100%;
      margin: auto;
      margin-top: 0.5rem;
    }
  
  
    p {
      font-size: 22px;
      margin-top: 0.3em;
      margin-bottom: 1em;
      margin-left: 10px;
      margin-right: 10px;
    }
    }
  }



