/* 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 */


.w3-red {background-color: red;}
.w3-green {background-color: darkgreen;}

.w3-right{float:right!important}


.w3-hover-grayscale:hover{filter:grayscale(100%)}

.w3-display-container{position:relative}

.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

.w3-padding-small{padding:4px 8px!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-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}


.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.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-dropdown-hover,.w3-bar .w3-dropdown-click{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}


@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,
.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,
.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.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}}

.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-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .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-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.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-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal} .w3-button:hover{color:#000!important;background-color:#999!important}

.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-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-container{padding:0.01em 16px}


.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}

.w3-hide{display:none!important}

.w3-block{display:block;width:100%}

body {max-width: 1412px;margin: 0 auto;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

footer {padding:2vh;background-color: #bbb;font-family: 'Reddit Sans Condensed', sans-serif;color: rgba(22, 42, 73, 1.0);font-weight: 300;background-size: contain;font-size: 12px;}

h1 {font-size: 3.5vw;color: #444444;font-weight: normal;font-family: 'Reddit Sans Condensed', sans-serif;text-transform: uppercase;font-weight: bold;display: inline-block;}

h2 {font-family: 'Vollkorn SC', sans-serif;font-size: 6vw;margin-top: 0;color: darkgoldenrod;}

h3 {font-size: 2rem;color: rgb(118, 20, 12, 1.0);font-family: 'Reddit Sans Condensed', sans-serif;}

h4 {font-size: 1.5rem;color: rgb(17, 42, 75, 1.0);font-family: 'Reddit Sans Condensed', sans-serif;font-weight: bold;margin: 0;padding: 0}

h5 {color: darkgoldenrod;font-size: 2.5vh;}


nav {display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;background-color: white;padding: 1.5vh 1.2rem;}


main {padding-bottom: 15vh}

header {width:100%;margin: 0 auto;min-height: 55vh;border-radius: 20px;}

li {font-size: 2.4vw;color: rgb(22, 42, 73);font-family: 'Reddit Sans Condensed', sans-serif;font-weight: 300}

li::marker {
  color: darkgoldenrod;
}

.no-drop {cursor: no-drop;}


/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: transparent;
  font-family: 'Reddit Sans Condensed',sans-serif;
  border-top: 1px solid #eeeeee;


}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 20px;
  color: #444444;
  text-align: center;
  padding: 15px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 20px;
  border: none;
  outline: none;
  color: #444444;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #eee;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}


.about {font-family: 'Helvetica', sans-serif;font-size: 3.4vh;font-weight: bold;line-height: 1.4; margin: 0 6vw;color: rgb(22, 42, 73, 1.0); text-align: center;}


.contact {font-size: 2vh; display: block;margin: 0 auto;font-weight: 300; background-color: rgb(22, 42, 73);border-radius: 50px;color: white;}


.background {width: 50vw;font-family: 'Helvetica', sans-serif;font-weight: 900;background-color: rgba(222, 222, 222,0.5);background-size: cover;color: #444444;}


.form {text-align: justify;background-color: rgba(22, 42, 73, 1.0);min-width: 60vw;margin: 0 auto;font-family: 'Helvetica', sans-serif;font-weight: 300;color: white;}


.update {font-family: 'Reddit Sans Condensed', sans-serif;font-size: 1.3vh;display: inline-block;font-weight: 300;letter-spacing: 1px;}
.update > p {text-align:left;color: rgb(22, 42, 73);;padding: 0 1vw;}

.photos {width:33.333vw;height: auto; cursor:zoom-in;padding:3px;}

.description {font-family: 'Reddit Sans Condensed', sans-serif;color: black;font-weight: 300;letter-spacing: 1px;font-size: 1rem;line-height: 1.4;}

.descriptionbox { margin-top: 2rem}


.flex-container0 {
  display: flex;
  flex-wrap: nowrap;
    justify-content: center;
  align-items: center;
  padding: 0 0;
  width: 100%;

}

.flex-container0 > div {

  width: 33.333vw;
  height: auto;
  background-color: darkgoldenrod;
  
 
  font-family: 'Helvetica', sans-serif;
  font-weight: normal;

  font-size: 2.0vw;
  padding: 0;
  width: 100%;




 
}

.flex-container0 > div p {

   text-align: center;
    color: white;
    padding: 4px;
    margin: 0;
     font-size: 1.8rem;

}

.tags {font-size: 1.7rem;font-weight: normal;color: white;}

.tagsimg {width: 2.9rem;height: auto;}

.flex-container0 > div p.tags {

     background-color: #555555;
     font-size: 3rem;
     font-weight: 600;

}

.flex-container {
  display: flex;
  flex-wrap: nowrap;
   justify-content: center;
}

.flex-container > img {

  width: 33vw;
 
}

.flex-container2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  background-color: DodgerBlue;
}

.flex-container2 > div {
  background-color: #f1f1f1;
  color: white;
  width: 100px;
  height: 100px;
}

li {
 
  padding: 0.8vh 0;
}




.collapsible {
  background-color: rgb(17, 42, 75, 1.0);
  color: darkgoldenrod;
  font-family: 'Helvetica', sans-serif;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s;
  background-color: #555;
  margin: 0.5rem 0;
}


.accordion {
  background-color: #ddd;
  color: gray;
  font-weight: 300;
  cursor: pointer;
  padding: 0.4rem;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 1.5rem;
  transition: 0.4s;
  font-family: 'Reddit Sans Condensed', sans-serif;
 
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\25BF';
  color: #777;
  font-weight: bold;
  margin-left: 5px;
}

.accordion:before {
  content: '\25BF';
  color: #777;
  font-weight: bold;
  margin-right: 5px;
}

.active:after {
  content: "\25BE";
}

.active:before {
  content: "\25BE";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}



@media screen and (max-width: 750px) {

/* Links inside the navbar */
.navbar a {
  font-size: 14px;
  color: #444444;
  text-align: center;
  padding: 6px 1.5rem;
  text-decoration: none;
}


/* Dropdown button */
.dropdown .dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: #444444;
  padding: 6px 1rem;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

nav > img {
  width: 30vw;
  height: auto;

}

header {min-height: 40vh;}

.accordion {font-size: 1rem;}

h3 {font-size: 1.5rem;font-weight: 400}

h4 {font-size: 1.2rem}

.description {font-size: 0.9rem}

.flex-container0 > div p {


     font-size: 0.8rem;


}

.flex-container0 > div p.tags {


     font-size: 1.4rem;
     background-color: #555555;

}

.tagsimg {width: 1.4rem;height: auto;}


h1 {font-size: 0.9rem;}



}

p {font-family: 'Reddit Sans Condensed', monospace;font-weight: 300;color: #444444;}