body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #45b06cff; }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom: 1.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#a35f00 }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-thin-13.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-thinitalic-14.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-light-11.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-lightitalic-12.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-regular-3.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-medium-2.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-bold-4.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-extrabolditalic-10.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/radomir-tinkov-gilroy-heavy-9.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-heavyitalic-8.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-black-6.otf') format('opentype');
  font-weight: 950;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://static.igem.wiki/teams/5553/fonts/gilroy/gilroy-blackitalic-7.otf') format('opentype');
  font-weight: 950;
  font-style: italic;
}

.nav-item {
  font-family: "gilroy";
  font-size:x-large;
  font-style: normal;
}

.dropdown-item{
  font-family: "gilroy";
  font-size:20px;
}




.top-title{
  font-family: "gilroy";
}
.particle{
  visibility: visible;
  color: #006666;
}
@media (max-width: 768px) {
  body{
    background-size: cover;
  }
  .nav-item {
    /* font-family: "HYMacintoshH1"; */
    font-size:x-large;
  }
  .dropdown-item{
    /* font-family: "HYMacintoshH1"; */
    font-size:large;
  }
  .dropdown-menu{
    background-color: #2e2e2e4f !important; 
    border-radius: 10px !important;
  }
  .particle{
  visibility:hidden;
  }
  /* .content p{
    font-size:medium;
  } */
}