:root {
  /*black dark/light*/
  --blackDark:  #073642;
  --blackLight:  #002b36;
  --blackHighlight: #073945;
  /*black dark/light*/
  --redDark:  #dc322f;
  --redLight:  #cb4b16;
  /*!! green dark/light*/
  --greenDark:  #859900;
  --greenLight: #586e75;
  /*!! yellow dark/light*/
  --yellowDark:  #b58900;
  --yellowLight: #657b83;
  /*!! blue dark/light*/
  --blueDark:  #268bd2;
  --blueLight: #839496;
  /*!! magenta dark/light*/
  --magentaDark:  #d33682;
  --magentaLight: #6c71c4;
  /*!! cyan dark/light*/
  --cyanDark: #2aa198;
  --cyanLight:  #93a1a1;
  /*!! white dark/light*/
  --whiteDark:  #eee8d5;
  --whiteLight: #fdf6e3;
  /*more*/ 
  --grey: #93a1a1;
}

h1, h4{
  color:var(--blueDark);
}

.small-center-text{
  max-width:576px;
  text-align:center;
}

.box-shadow-light{
  box-shadow:0px 5px 8px #888888
}
.box-shadow-dark{
  box-shadow:0px 4px 8px 4px #222222
}
.box-shadow-dark-sm{
  box-shadow:0px 2px 4px 2px #222222
}

html {
  font-size:15px;
  margin-top:15px;
  margin-bottom:100px;
}

body {
  background-color: var(--blackLight);
}

a { }

.link-card{
  min-width:250px;
  max-width:350px;
  background-color:#0a4c5c;
}
.link-card:hover{
  background-color:#0d5e73;
  cursor:pointer;
}

.bg-dblack{
	background-color:var(--blackDark);
}
.text-dblack{
  color:var(--blackDark);
}
.bg-hblack{
  background-color:var(--blackHighlight);
}
.text-hblack{
  color:var(--blackHighlight);
}
.bg-lblack{
  background-color:var(--blackLight);
}

.bg-truewhite{
  background-color:#FFFFFF;
}
.bg-dwhite{
  background-color:var(--whiteDark);
}
.bg-lwhite{
  background-color:var(--whiteLight);
}
.text-dwhite{
  color:var(--whiteDark);
}
.text-lwhite{
  color:var(--whiteLight);
}
.bg-grey{
  background-color:var(--grey);
}
.text-grey{
  color:var(--grey);
}


.text-lblue{
  color:var(--blueLight)
}
.text-dblue{
  color:var(--blueDark)
}

.text-lcyan{
  color:var(--cyanLight)
}
.text-dcyan{
  color:var(--cyanDark)
}

.caret-closed {
  transform: rotate(180deg);
  display: inline-block;
}

.container{
  padding-top:15px;
  padding-bottom:15px;
}

.fs-10{
  font-size:10px
}
.fs-11{
  font-size:11px
}
.fs-12{
  font-size:12px
}
.fs-13{
  font-size:13px
}
.fs-14{
  font-size:14px
}