/* @media (min-width: 600px) {
    .cards { grid-template-columns: repeat(2, 1fr); }
} */

@media (min-width: 900px ) {
    /* .cards { grid-template-columns: repeat(3, 1fr); } */
    .row {
        display: flex;
        justify-content: space-between
    }
    .row2 {
        display: flex;
        justify-content: space-around
    }
    
    #wsjmag {
        flex: 10%;
        max-width: 10%;
        padding: 5px;
        display: flex;
        /* flex-shrink: 1; */
    }
    #penta {
        flex: 15%;
        max-width: 15%;
        padding: 5px;
        display: flex;
        /* flex-shrink: 1; */
    }
    #barrons {
        flex: 18%;
        max-width: 18%;
        padding: 5px;
        display: flex;
        /* flex-shrink: 1; */
    }
    #fn {
        flex: 7%;
        max-width: 7%;
        padding: 5px;
        display: flex;
        /* flex-shrink: 1; */
    }
    #pen {
        flex: 20%;
        max-width: 20%;
        padding: 5px;
        display: flex;
        /* flex-shrink: 1; */
    }
    #marketwatch {
        flex: 25%;
        max-width: 25%;
        padding: 5px;
        display: flex;
        /* flex-shrink: 1; */
    }
    #mansionglobal {
        flex: 25%;
        max-width: 30%;
        padding: 5px;
        display: flex;
        /* flex-shrink: 1; */
    }
    
    #wsj{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:60%;
        padding: 20px 0px 20px 0px;
    }
    #topText{
        width:40%;
    }
    #dowjones{
        width:5%;
    }
    
    
    .logoImg img, .logoImg a {
        display: flex;
        width:100%;
        flex-shrink: 1;
    }
}
@media (min-width: 500px) and (max-width:899px) {
    /* .cards { grid-template-columns: repeat(3, 1fr); } */
    .logoImg {
/*         display: block; */
/*         margin-left: auto; */
/*         margin-right: auto; */
/*         height: 200px; */
        display: block;
/*         margin-left: auto;
        margin-right: auto; */
        width:80%;
/*         width:100%; */
        margin:30px auto 30px auto;
    }
    
    #wsj{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:80%;
        
    }
    
    #topText{
        width:80%;
    }
    #dowjones{
        width:20%;
    }
    .logoImg a {
        display: block;
        width:auto;
        height:100%;
    }
    .logoImg img {
        width:100%;
        max-height:100px;
    }
}
@media (max-width: 499px) {
    /* .cards { grid-template-columns: repeat(3, 1fr); } */
    .logoImg {
/*         display: block; */
/*         margin-left: auto; */
/*         margin-right: auto; */
/*         height: 200px; */
        display: block;
/*         margin-left: auto;
        margin-right: auto; */
        width:80%;
/*         width:100%; */
        margin:15px auto 15px auto;
    }
    
    #wsj{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:80%;
        
    }
    
    #topText{
        width:80%;
    }
    #dowjones{
        width:20%;
    }
    .logoImg a {
        display: block;
        width:auto;
        height:100%;
    }
    .logoImg img {
        width:100%;
        max-height:35px;
    }
    #penta img {
        max-height:30px;
    }
    /* #pen img {
        max-height:50px;
    } */
    #fn img {
        max-height:40px;
    }
     
}
.hr{
        padding: 30px 0px 30px 0px; 
    }

.row, .row2{
    width:100%;
}

#wsj img, #wsj a {
    display: flex;
    width:100%;
}
img{
    object-fit: contain;
    width:100%;
}
#topText {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#dowjones {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 10px 0px
}