.content-img {
    width: 65vw;
    margin: auto;
    object-fit:contain;
    object-position: 50% 50%;
}
body {
    font-weight: 500;
    line-height: 20pt;
    font-size: 12pt;
    padding:10px;
}
#article {
    border: 1px solid black;
}
.advertisment {
    position: relative;
    border:1px solid black;
    text-align: center;
    //margin:5px;
}
.advertisment > h5 {
    text-decoration: underline;
}
figcaption {
    font-size:11pt;
    line-height:12pt;
    font-weight:normal;
    padding:2px;
    margin:2px;
    color:black;
}
#image-credit-text {
    font-weight:lighter;
    font-size:9pt;
}
.ad-img {
    display: inline;
    border:1px solid black;
    width: 5vw;
    object-fit:contain;
    object-position: 50% 50%;
    margin:11px;
    padding:5px;
    z-index: -1;
}
#ad-video {
    display: block;
    border:1px solid black;
    height: 5vh;
    object-fit:contain;
    object-position: 50% 50%;
    margin-left:30px;
    padding:5px;
    z-index: -1;
}
#ad-img-result {
    position: relative;
    z-index: 0;
    object-position: 50% 50%;
    width: 40vw;
    top: 25%;
    left:28%;
}
#ad-video-result {
    position: absolute;
    z-index: 0;
    object-position: 50% 50%;
    height: 30vh;
    top: 25%;
    left:20%;
}
#ad-left-side-bar {
    //display: flex;
    //flex-wrap:wrap;
    margin-left:5vw;
}
.content-img-large {
    width: 70vw;
}
hr {
    width: 80vw;
}
.gray-color {
    color: gray;
}
.content-videos {
    height: 45vh;
}
article, #content {
    margin:auto;
    width:75vw;
    padding:15vw;
}
h1 {
    line-height:30pt;
}
h2 {
    line-height:25pt;
}
#time-and-date {
    color: black;
    margin: 15px;
}
header {
    top:1px;
    left:1px;
}
#author {
    margin: 15px;
}
footer {
    background-color: lightblue;
    text-align: center;
    bottom:0;
}
#content-container {
    display: inline;
    width: 80vw;
    justify-content:center;
    text-align:center;
}
#top-container {
    border: 1px solid black;
}
#bottom-container {
    border: 1px solid black;
}
@media screen and (width <= 640px) {
    #content {
        width: 0rem;
    }
    #left-container {
        width: 15rem;
    }
    #right-content {
        width: 15rem;
    }
}
#container {
    display:flex;
    width:90vw;
}
@media screen and ( width >= 641px && width <= 1007px ) {
    #content {
        width: 0rem;
    }
    #left-container {
        width: 15rem;
    }
    #right-content {
        width: 15rem;
    }
}
@media screen and (width >= 1008px) {
    #content {
        width: 0rem;
    }
    #left-container {
        width: 15rem;
    }
    #right-content {
        width: 15rem;
    }
}
#high-container {
    width:90vw;
}
.content-video {
    height: 45vh;
}