body {
  padding-top: 1%;
}

.container {
  padding-left: 5%;
  padding-right:5%;
}

/*
 * Custom translucent site header
 */

nav {
  background-color: #1b1b1d;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  font-family: "Atami Bold";
  font-size: 1em;
}
.site-header a {
  color: #fff;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

nav ul {
  padding-left: 0px;
}

nav li {
  list-style: none none;
}

hr {
  color: #ffffff;
  height:1px;
  border-top: 1px solid;
  width:90%;
  margin:50px auto 50px auto;
}

h2 {
  text-align: center;
}


@font-face {
  src: url("/fonts/OpenSans-Light.ttf") format("truetype");
  font-family: "OpenSans Light";
  font-kerning: normal;
}

@font-face {
  src: url("/fonts/OpenSans-Regular.ttf") format("truetype");
  font-family: "OpenSans Regular";
}

@font-face {
  src: url("/fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-family: "OpenSans SemiBold";
}

@font-face {
  src: url("/fonts/ATAMI-BOLD.OTF") format("truetype");
  font-family: "Atami Bold";
}

@font-face {
  src: url("/fonts/ATAMI-REGULAR.OTF") format("truetype");
  font-family: "Atami Regular";
}

.container {
  margin: auto;

}

body {
  background-color: #1b1b1d;
  color:#fff;
  font-family: "OpenSans Regular";
}

h1, h2 {
  font-family: "Atami Bold";
  font-weight: bold;
}

h3 {
  font-family: "Open Sans";
}

.btn {
 border-radius: 25px!important;
  font-family: "Atami Bold";
  font-size: 2em;
  font-weight: bold;
}

.btn-primary {
  background-color:#d20070;
  border-color: #d20070;
}

.btn-primary:hover {
  background-color:#d20070;
  border-color: #d20070;
}

.btn-primary:active {
  background-color:#d20070;
  border-color: #d20070;
  outline: none !important;
  box-shadow: none !important;
}

.btn-primary:visited {
  background-color:#d20070;
  border-color: #d20070;
  outline: none !important;
  box-shadow: none !important;
}

.btn-primary:active:focus{
  background-color:#d20070 !important;
  border-color: #d20070 !important;
}


.btn-primary:active {
  background-color:#d20070 !important;
  border-color: #d20070 !important;
}

.card {
  background-color: transparent;
}

.card img {
  margin:auto;
}

footer {
  background: #281831;
  color: #e3e3e3;
  padding:20px;
  margin:0px;
  margin-top: 10px;
  width:100%;
  font-size:0.8em;
}

footer h5 {
  font-size: 1.5em;
}

a {
  color:  #e3e3e3;
  font-weight: bold;
}

.container  a {
  text-decoration: underline;
}

a > .btn  {
  font-size: 20px;
}

a:focus {
  color:  #fff;
}

a:hover {
  color:  #fff;
}

.btn a:hover {
  color:  #fff;
}

.btn {
  width: 300px;
}

.btn-alt {
  width: 300px;
  border-color: #ffffff;
  background-color: transparent;
  border-width: 2px;
}


li a {
  color:  #fff;
}

footer a {
  color: #e3e3e3;
}

.card-body {
  display:block;
  height:200px;
}


.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.flex-equal > * {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
  }
}

code {
 font-size: 12px;
  text-wrap: none;
  vertical-align:middle;
}

.downloadicon2 {
  height: 48px;
  vertical-align:center;
  color: #ffffff;
}

.downloadiconnoinvert {
  height: 32px;
  vertical-align:center;
  color: #ffffff;
}

.downloadicon {
  height: 32px;
  color: #ffffff;
  vertical-align:center;
  filter: invert(1);
}

h3 {
  vertical-align: text-bottom;
}

footer a {
  color: #e3e3e3 !important;
}