body {
    background-color: #f6f6f6;
    font-family: "Roboto";
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Metrophobic";
    font-weight: 400;
}

.navbar-brand {
    font-size: 22pt;
}

.my-navbar {
    background-color: #111166;
    font-family: "Metrophobic";
    color: white;
}

.nav-link {
    color: white;
}

.nav-link:hover{
    color: lightskyblue;
}

.project-box {
    font-family: "Metrophobic";
    font-weight: 400;
    font-size: 14pt;
    /* background: #111166; */
    border: 6px #f6f6f6 solid;
    /* margin: 4px;  */
    padding: 8px ;
    height: 8em;
    text-align: center;
    color: white;
}

.project-box:hover {
    color: lightskyblue;
}

.project-name {
    background-color: rgba(128, 128, 128, .8);
    width: 100%;
}

.project-img {
    margin-bottom: 12px;
}

.new-section {
    margin-top: 24px;
}

footer {
    margin-top: 16px;
}

.caption {
    margin-top: 12px;
}

.full-width {
    min-width: 100%;
    max-width: 100%;
    width:  100%;
}

.title-image {
    margin: 0px;
    padding: 0px;
}

.hanging-indent {
    padding-left: 14px ;
    text-indent: -14px ;
  }

.no-underline {
    text-decoration: none;
}

.blockout {
    /* border: 2px black solid; */
    padding: 2px;
}

#btn-alt {
    background: url("/images/btn-altctrls.png") no-repeat center center;
    background-size: cover;
    padding: 69.4% 0 0
}

#btn-factorians {
    background: url("/images/btn-factorians.png") no-repeat center center;
    background-size: cover;
    padding: 69.4% 0 0
}
#btn-rov {
    background: url("/images/btn-rov1.png") no-repeat center center;
    background-size: cover;
    padding: 69.4% 0 0
}

#btn-us {
    background: url("/images/btn-us.png") no-repeat center center;
    background-size: cover;
    padding: 69.4% 0 0
}

.youtube { 
    width: 100%;
    aspect-ratio: 16 / 9;
}

.navbar-name {
    font-size: 22pt;
    padding: 0px 4px;
    display: inline-block;
    margin: 0px;
}

.tagline {
    font-size: 11pt;
    margin: 0px 6px;
    display: inline-block;
}

.modalPopup {
    cursor: pointer;
}

.contrib {
    margin: 0px;
    padding: 6px;
    border: 1px black solid;
}