body {
    margin: 0px;
    background-color: #4B4761;
}

h4, h5, h6, p {
    font-family: helvetica;
}

h1, h2, h3, h4, h5, h6 {
    color: #9491A6;
}

p {
    color: white;
    text-align: left;
}

header {
    background-color: #52505C;
}

#header-top-bar {
    padding:10px;
}

#header-top-bar p{
    color: white;
    margin: 0px;
    font-weight: bold;
    padding: 0px;
}

#header-bottom-bar {
    padding:5px;
    background-color: #8F80E1;
}

#logo {
    height: 50px;
    
}


nav ul {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    display: flex;
    list-style-type: none;
    justify-content: flex-end;
}

nav ul li {
    margin: 17px 0px 18px 25px;
}

nav ul li a{
    text-decoration: none;
    color: black;
    font-size: 12px;
    font-family: georgia;
    font-weight: bolder;
}

nav ul li a:hover {
    color: #4B4761;
}


.parallax-window #overlay {
    width:33%;
    background-color: rgba(0,0,0,.75);
    height: 300px;
    padding: 100px;
    float: right;
}

footer {
    background-color: #52505C;
}

footer h3 {
    color: white;
}

footer ul {
    color: #CCCCCC;
    padding-inline-start: 0px;
    list-style-type: none;
}

footer p {
    font-size: 12px;
    color: #CCCCCC;
}

.parallax-window{
    height: 500px;
}

.page-titles{
    color: #33B4D9;
}

/* BOX MODEL CLASSES */
.container {
    width:70%;
    margin: 0 auto;
}

.row {
    display:flex;
    margin: 0 50px;
}

.col {
    width:100%;
    padding:10px;
}


/* HELPER CLASSES */
.text-right{
    text-align: right;
}

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

.text-left{
    text-align: left;
}

.text-color-white {
    color: white;
}

.no-dec{
    list-style-type: none;
}

.w-100{
    width:100%;
}

.w-75 {
    width:75%;
}

.w-66 {
    width:66%;
}

.w-50 {
    width:50%;
}

.w-33 {
    width:33%;
}

.w-25 {
    width:25%;
}