.vw1 {margin-left: 1vw}
.vw2 {margin-left: 2vw}
.si{font-weight: 700 !important;font-style: italic;}
.references {justify-self: center;overflow-wrap: anywhere;}

#desktop-navbar > div > div > div:nth-child(3) > div > ul{display: flex;flex-direction: row;flex-wrap: nowrap;}
#desktop-navbar > div > div > div:nth-child(2) > div > ul{display: flex;flex-direction: row;flex-wrap: nowrap;}  
.navbar>.container-fluid{display: block;}
#desktop-navbar > div > div > div:nth-child(2){margin-left:100px;}
.blogs-content-center-img {text-align: center;margin: 0 auto;padding: 15px;overflow: hidden;justify-items: center;}
.blogs-content-center-img img {width: 50vw;}
.blogs-content-center-img .center-img-caption {max-width: 100%;text-align: center;margin: 10px auto 10px;border-bottom: 1px solid #e2e2e2;padding: 0 0 12px;}

h2,h3,#span-link2{color: #ad7f00 !important; }

#main-h1 {color:#0a77d6;font-weight: bold;font-size: 36px;margin-left: 1vw;margin-right: 1vw;text-align: center;}

#main-div {display: flex;flex-direction: column;width: 52vw;justify-self: center;}

#main-p {position: relative;margin-left: 25vw;overflow-wrap: anywhere;font-size: small;}

#span-link{color: black;}

#ref-head{text-align: center;font-weight: 700;}
.references {justify-self: center;overflow-wrap: anywhere;}

#category-index{margin-bottom: 3vh; width: 70vw; height: 100vh;}

#pagination-container{display: flex;justify-content: center;margin-bottom: 1rem;}
#breadcrumbs{margin-bottom: 0.25rem;color: black; font-weight: 400;}

@media (max-width:767px) {
  #main-div {width: 80vw;}
  .blogs-content-center-img img {width: 80vw;}
}
@media (min-width:300px) and (max-width:320px){
  #main-h1 {margin-top: 20px;}  
}
@media (min-width:321px) and (max-width:374px){
  #main-h1 {margin-top: 15px;}  
}
@media (min-width:375px) and (max-width:767px){
  #main-h1 {margin-top: 13px;}  
}
@media (min-width:768px) and (max-width:991px){
  #main-h1 {margin-top: 15px;}  
}
@media (min-width:992px) and (max-width:1024px) {
  #main-h1 {margin-top: 20px;}  
}
@media (min-width:1025px) and (max-width:1161px) {
  #main-h1 {margin-top: 20px;}  
}
@media (min-width:1162px)  {
  #main-h1 {margin-top:  20px;;}  
}