@import url('https://fonts.googleapis.com/css?family=B612&display=swap');

body{
  font-family: 'B612', sans-serif;
}

#baseNav{
  background-color: #87ceeb !important; 
  color: black !important;
  z-index: 10000000;
}
.nav-link{
  background-color: #87ceeb !important;
  color: black !important;
}
.navbar-brand{
  color: black !important;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    /* Styles */
  img.animated-gif{
    width: auto;
    height: 180px;;
  }
}

.header-background{
  background-color: rgba(256,256,256,0.4);
  border-radius: 10px 10px 0 0;
}
.tutorial-background{
  background-color: rgba(256,256,256,0.4);
  border-radius: 0 0 10px 10px;
}
.masthead {
  padding-top: calc(6rem + 74px);
  padding-bottom: 6rem;
}
.masthead .masthead-heading {
  font-size: 2.75rem;
  line-height: 2.75rem;
}
.masthead .masthead-subheading {
  font-size: 1.25rem;
}
.masthead .masthead-avatar {
  width: auto;
}

html,body {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}
body{
  background-size: cover;
  overflow: scroll;
}

#tableDiv{
  margin-bottom: 10px;
}


.modal{
  margin-top: 48px;
}

.fc-toolbar-title{
  font-size: 1em;
}