/* Generic */
.center {
  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;
  justify-content: center !important;
}

div[disabled] {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}


/* Header */
.webHeader .credit {
  color: white !important;
  font-weight: 600;
  font-size: 2.5vw;
  vertical-align: middle;
  margin-left: 2px;
  line-height: 90%;
}

#logo {
  vertical-align: middle;
}
#logofooter {
  vertical-align: middle;
  height: 70%;
}
#ootr {
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 5px;
  text-align: left;
}

.credit {
  color: white;
  font-weight: 600;
  font-size: 0.8vw;
  vertical-align: middle;
  margin-left: 2px;
  line-height: 75%;
}

#header {
  background-color: rgb(56, 56, 56);
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 20px;
  z-index: 10;
  height: 9.2em;
  justify-content: flex-start;
}
.headtitle {
  color: white;
  font-size: 3vw;
  font-weight: 800;
}
.flavourcentered {
  text-align: center;
  justify-content: center;
  margin: 0 auto;
}

.webHeader {
  font-family: "Exo";
  width: 100%;
  background-color: #383838 !important;
  color: white !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 20px;
  z-index: 10;
  height: 9.2em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.webHeader .credit {
  color: white !important;
  font-weight: 600;
  font-size: 2.5vw;
  vertical-align: middle;
  margin-left: 2px;
  line-height: 90%;
}
.webHeader .headtitle {
  color: white !important;
  font-size: 5vw;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.webHeader #logo {
  vertical-align: middle;
}
.webHeader #ootr {
  color: white !important;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 5px;
  text-align: left;
}

.webHeader {
  width: 100%;
  background-color: #383838 !important;
  color: white !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 20px;
  z-index: 10;
  height: 9.2em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.webHeader .headtitle {
  color: white !important;
  font-size: 5vw;
  font-weight: 800;
}

.webHeader #logo {
  vertical-align: middle;
}

.webFooter #logofooter {
  vertical-align: middle;
  height: 70%;
}

.webHeader #ootr {
  color: white !important;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 5px;
  text-align: left;
}


/* Footer */
.webFooter .creditfooter {
  color: white !important;
  font-size: 3vw;
  font-weight: 600;
  vertical-align: middle;
  margin-left: 2px;
  line-height: 60%;
}

.webFooter #disclaimer {
  color: white;
  font-size: 9px;
}

#footer {
  position: fixed;
  bottom: 0;
}

.webFooter {
  background-color: #383838;
  color: white !important;
  position: fixed !important;
  bottom: 0 !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  margin-top: 15px;
  z-index: 10;
  height: 8em;
}

.footertitle {
  margin-top: 0.5vw;
  color: white !important;
  font-size: 4vw;
  font-weight: 600;
  margin-bottom: 3px;
}

.fa:hover,
.fa:visited,
.fa:active,
.fa:focus,
.fab:hover,
.fab:visited,
.fab:active,
.fab:focus {
  text-decoration: none;
}
#footer {
  background-color: rgb(56, 56, 56);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  margin-top: 55px;
  z-index: 10;
  height: 8em;
}
.footertitle {
  margin-top: 0.5vw;
  color: white;
  font-size: 1.5vw;
  font-weight: 600;
}

.creditfooter {
  color: white;
  font-weight: 600;
  font-size: 1vw;
  vertical-align: middle;
  margin-left: 2px;
  line-height: 60%;
}
#disclaimer {
  color: white;
  font-size: 9px;
}



/* Media */
@media (max-width: 359px) {
	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 30px;
		z-index: 1005;
		height: 10.5em;
	}

}
@media (min-width: 360px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
		text-align: center;
	}

	.headtitle {
		font-size: 18px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: -10px;
	}

	.credit {
		font-weight: 600;
		font-size: 10px !important;
		vertical-align: middle;
		margin-right: 5px;
		line-height: 10px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 10.5em;
	}
	.webFooter {
		height: 10.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 8px;
		font-size: 14px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 8px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 12px;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}
@media (min-width: 416px) {
    #header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
		text-align: center;
	}


	.headtitle {
		font-size: 22px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: -10px;
	}

	.credit {
		font-weight: 600;
		font-size: 12px !important;
		vertical-align: middle;
		margin-right: 5px;
		line-height: 12px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 10.5em;
	}
	.webFooter {
		height: 10.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 8px;
		font-size: 14px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 9px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 12px;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}
@media (min-width: 576px) {
    #header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
	}

	#ootr {
		vertical-align: middle;
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        text-align: left;
		align-items: center;
	}

	.headtitle {
		font-size: 28px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: -10px;
	}

	.credit {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-right: 8px;
		line-height: 14px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 9em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 8px;
		font-size: 16px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 11px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 12px !important;
		vertical-align: middle;
		margin-left: 0px;
		line-height: 50%
	}	
}

@media (min-width: 768px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
	.center {
		margin-left: auto !important;
  }
	#ootr {
		vertical-align: middle;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: left;
		align-items: center;
	}

	.headtitle {
		font-size: 28px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: -10px;
	}

	.credit {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-right: 8px;
		line-height: 14px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}
	
	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 8px;
		font-size: 18px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 11px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 0px;
		line-height: 50%
	}
}
@media (min-width: 856px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        text-align: left;
		align-items: center;
	}

	.headtitle {
		font-size: 28px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: -10px;
	}

	.credit {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-right: 8px;
		line-height: 14px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 8px;
		font-size: 18px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 11px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 0px;
		line-height: 50%
	}
}

@media (min-width: 992px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
		margin-left: 0px;
		margin-bottom: 5px;
		text-align: left;
	}

	.headtitle {
		font-size: 40px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: 0px;
	}

	.credit {
		font-weight: 600;
		font-size: 18px !important;
		vertical-align: middle;
		margin-right: 10px;
		line-height: 18px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}	

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 2px;
		font-size: 22px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 12px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}
@media (min-width: 1248px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
		margin-left: 0px;
		margin-bottom: 5px;
		text-align: left;
	}

	.headtitle {
		font-size: 40px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: 0px;
	}

	.credit {
		font-weight: 600;
		font-size: 18px !important;
		vertical-align: middle;
		margin-right: 10px;
		line-height: 18px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 2px;
		font-size: 22px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 12px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}
@media (min-width: 1536px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
		margin-left: 0px;
		margin-bottom: 5px;
		text-align: left;
	}

	.headtitle {
		font-size: 40px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: 0px;
	}

	.credit {
		font-weight: 600;
		font-size: 18px !important;
		vertical-align: middle;
		margin-right: 10px;
		line-height: 18px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 2px;
		font-size: 22px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 12px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}
@media (min-width: 1888px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
		margin-left: 0px;
		margin-bottom: 5px;
		text-align: left;
	}

	.headtitle {
		font-size: 40px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: 0px;
	}

	.credit {
		font-weight: 600;
		font-size: 18px !important;
		vertical-align: middle;
		margin-right: 10px;
		line-height: 18px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 2px;
		font-size: 22px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 12px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}
@media (min-width: 2240px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
		margin-left: 0px;
		margin-bottom: 5px;
		text-align: left;
	}

	.headtitle {
		font-size: 40px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: 0px;
	}

	.credit {
		font-weight: 600;
		font-size: 18px !important;
		vertical-align: middle;
		margin-right: 10px;
		line-height: 18px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 2px;
		font-size: 22px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 12px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}
@media (min-width: 2528px) {
	#header {
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		padding-left: 5px;
		z-index: 10;
		height: 9.2em;
		justify-content: flex-start;
	}
    .center {
		margin-left: auto !important;
    }
	#ootr {
		vertical-align: middle;
		margin-left: 0px;
		margin-bottom: 5px;
		text-align: left;
	}

	.headtitle {
		font-size: 40px !important;
		font-weight: 800;
	}

	#logo {
		margin-left: 0px;
	}

	.credit {
		font-weight: 600;
		font-size: 18px !important;
		vertical-align: middle;
		margin-right: 10px;
		line-height: 18px;
	}

	#footer {
		width: 100%;
		display: flex;
		align-items: center;
		padding-left: 5px;
		margin-top: 15px;
		z-index: 1005;
		height: 7.5em;
	}

	#logofooter {
		vertical-align: middle;
		height: 70%;
	}

	.footertitle {
		margin-top: 2px;
		font-size: 22px;
		font-weight: 600;
	}

	#disclaimer {
		font-size: 12px;
	}

	.creditfooter {
		font-weight: 600;
		font-size: 14px !important;
		vertical-align: middle;
		margin-left: 2px;
		line-height: 50%
	}
}