@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Oswald:wght@600;300&display=swap');

.justify-content-between {
    justify-content: left !important;
}

.image-parent {
  width: 40px;
   height: 40px;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width: 100%;
    /* height: 100%; */
    background-size: cover;
    height: 600px;
}

.pad-0 { 
	
	padding:0;
}
.blog-title{
	font-family: 'Oswald', sans-serif;
	color:#5d5d5d;
	padding-bottom:20px;
}

.blog-detail-title{
	background:#000;
	color:#fff;
	padding:10px;

}
.blog-date{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    color: #7e7e7e;
    font-weight: 300;
}

p{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#767676;
}

.overlay-div{
    height: 300px;
    width: 330px;
    position: absolute;
    background-color: #8897ff;
    opacity: .3;
}

.btn-blog-default {
  font-family: 'Open Sans', sans-serif;
  font-weight:600;
  font-size: 16px;
  color: #007bff;
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid #007bff;
  border-radius: 40px;
  background: transparent;
  transition: all 0.3s ease 0s;
}