/* * {
    outline: 1px dotted red;
} */

/* Google Fonts */
/* --------------------------------------------------------- */
.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Top Navigation */
/* --------------------------------------------------------- */
.top-nav {
    display: flex;
    padding: 60px 0px 60px 0px;
    margin: 0px 300px 0px 300px;
    list-style: none;
    justify-content: space-between;
}

#titleDiv{
    margin-top: -1%;
}

#navTitle{
    color: whitesmoke;
}

.top-nav li a {
    color: whitesmoke;
}

#navBar {
    background-color: black;
    padding-top: 2%;
    padding-bottom: 2%;
}

#navBar  ul li a {
    color: whitesmoke;
    background-color: black;
}

/* Navbar Hamburger Button */
/* ------------------------------------------------------- */
.navbar-toggler {
    background-color: whitesmoke;
}

/* .dropdown-menu  li a {
    color: black;
} */

/* Header Title */
/* ------------------------------------------------------- */
.header-Title {
    text-align: center;
}

.h2-Titles {
    color: rgb(29, 138, 138);
}

.header-2 {
    text-align: center;
}

#redText {
    color: red;
}

.header-5 {
    text-align: center;
}

#availiblity {
    text-align: center;
}

/* Main Page */
/* --------------------------------------------------------- */
.main-img {
    background-color: black;
}

/* Center Main Image */
/* --------------------------------------------------------- */
#mainImg {
    padding-top: 10%;
    padding-bottom: 10%;
    display: block;
    margin: auto;
}

/* Center Card Images */
/* --------------------------------------------------------- */

.card {
    display: block;
    margin: auto;
}

#cardGroup {
    padding-top: 2%;
    padding-bottom: 2%;
}

#cardText1 {
    padding-bottom: 45%;
}

#cardText2 {
    padding-bottom: 27%;
}


/* Paragraph */
/* --------------------------------------------------------- */

.info-Paragraph {
    padding: 0% 10% 0% 10%;
    text-indent: 5%;
}

/* Lead Info Graphic */
/* --------------------------------------------------------- */
#leadInfoGraphic {
    width: 20%;
    display: block;
    margin: auto;
    padding: 0px 0px 20px 0px;
    border-radius: 25px 25px 25px 25px;
}

/* Footer */
/* --------------------------------------------------------- */



/* Mobile Media Querys */
/* --------------------------------------------------------- */
@media screen {
    .card {margin-bottom: 10px;}
}