body {
    font-family: 'Lato', sans-serif;
    color: #000000;
    background: #ffffff;
    font-weight: 300;
}

hr {
    border: none;
    height: 1px;
    color: #bcbbbb; /* old IE */
    background-color: #bcbbbb; /* modern browsers */
}

strong {
    color: #000000;
}

p {
    font-size: 17px;
}

a:link {
  color: #489640;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: #489640;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color: #285424;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #20431c;
  background-color: transparent;
  text-decoration: underline;
}

a.no-underline {
    text-decoration: none;
    font-weight: bolder;
}

a.link-button {
    font-size: 25px;
    background-color: #333;
    color: #ffffff;
    padding: 4px;
}

a.link-button:hover {
    color: #868686;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.horizontal-margins {
    margin-left: 15px;
    margin-right: 15px;
}

.horizontal-margins-sm-logos {
    margin-left: 4px;
    margin-right: 4px;
}

.text-thin {
    font-weight: 100;
}

.title-super {
    font-size: 40px;
}

.hover-filter:hover {
    filter: brightness(50%);
}

.scrollable-content {
    padding: 15px;
    margin: auto;
    width: auto;
    height: auto;
    color: #333;
    background: #ffffff;
    border: 1px solid #bcbbbb;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
}

.project-content {
    display: inline;
}

.bg { 
    background-image: url("../images/bg_dave_park_drone_silhouette.jpg");
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .link-list {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
  }

/*  Region YouTube embedded video responsiveness */

.embed-video-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
}

.embed-video-container iframe, .video-container object, .embed-video-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

/* Eng region */

/* Region bootstrap nav bar styling */

.navbar {
    position: relative;
    height: fit-content;
    margin-bottom: unset;
    padding-left: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    background-color: #000000;
    font-size: 22px;
    width: 100%;
}

.navbar-brand {
	float: left;
	height: 70px;
	padding: 15px 15px;
    font-size: 22px;
    color: #ffffff !important;
    line-height: 20px;
}

.nav.navbar-nav.navbar-right li a {
    color: #cfd8dc;
}

@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/* End region */

/* Region responsiveness */

@media screen and (max-width: 600px) {
    .title-super {
        font-size: 25px;
    }
}

/* End region */