.autoImg{
    height: auto;
    width: 100%;
}

.bckground-color{
    background-color: #3578ad; 
}


.bkgroundColor {
    background-color: #3578ad;
    padding: 5%;
}

/* dividend yields page */
#dividend-yeild-reits-table > tr > th {
    margin: 20px;
    padding: 15px;
}

#dividend-yield-reits-table-body > tr > td {
    margin: 20px;
    padding: 15px;
    background-color: #69f;
}


.cblack{
    color: black;
}

.evenColored:nth-child(even) {
    background-color: #3578ad;
}

.colorWht {
    color: white;
}
.flexContainer{
    display: flex;
    background-color: #3578ad;
}

.flex-container {
     display: flex;
    background-color: #3578ad;  
}

.flex-container > div {
    background-color: white;
    margin: 15px;
    padding: 15px;
}

.flexContainer > div {
    margin: 15px;
    padding: 10px; 
}

    #flexContainerDiv1{
        width: 70%;
        background-color: #3578ad;
        color: white;
    }

    #topHeaderDiv{
        width: 30%;
        border-left: solid black 5px; 
    }
    
#flexContainersSecondH2 {
    border-top: 5px solid white;
}


#navbar{
    color: green;
    font-size: 75px; 
}

.green{
    color: green;
}

    .imgClass{
        height: auto;
        width: 90%;
    }
    
    .gridContainer{
         display: grid;
         grid-template-columns: auto auto auto;

    }
    
.gridContainer > div {
    border: solid white 2px;
    border-radius: 20px; 
    padding: 15px;
    margin: 15px;
    background-color: #3578ad;
}
    

    
.borderBlackLeft{
        padding: 5px;
        margin: 10px; 
}
 
.jumbotron{
    background-color: #3578ad; 
    color: white;
} 

.inpField{
    width: 50%; 
    border-radius: 25px;
}
 
.rounded{
    
    border: solid black 5px; 
    margin: 15px;
    padding: 10px;
    border-radius: 10px; 
}