body {
    border-top: 4px solid #a1a1a1;
}



.bio {
    text-align: center;
}

@media (min-width: 992px) {
    .bio {
        display: flex;
    }

    .bio-text {
        flex: 1;
        text-align: left;
    }
}



.project-title,
.project-date {
    display: block;
}

@media (min-width: 992px) {
    .project-title,
    .project-date {
        display: inline;
    }
}



.post-title,
.post-date {
    display: block;
}

@media (min-width: 992px) {
    .post-title,
    .post-date {
        display: inline;
    }
}

img {
    width: 125px;
    height: 125px;
}

img.largeimg {
    width: 100%;
    height: 100%;
}

@media (min-width: 992px) {
    img {
        width: 175px;
        height: 175px;
    }
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 1275px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}

.right {
    position: absolute;
    right: 0px;
    width: 300px;
    padding: 10px;
  }

.left {
  position: absolute;
  left: 0px;
  width: 300px;
  padding: 10px;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }