@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

html,body {font-family:'Roboto', sans-serif; color:#727272;}
a {text-decoration:none; color:#333}
a:hover {color:#5DB2FF;}
img {max-width:100%;}
h1,h2,h3,h4,h5,h6 {color:#1F1F1F;}
a.nav-link {color:#333}
a:hover.nav-link {color:#5DB2FF;}
.footer {color:#000;}
.page-title h1 {font-family:'Roboto Condensed'}
.sidebar h6, .footer h6 {
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
}
.sidebar h6:before, .footer h6:before{
  content:"";
  position:absolute;
  width:30px;
  bottom:-2px;
  left:0;
  border-bottom:3px solid #5DB2FF;
}
.list-group-item {background-color: transparent;}
td {vertical-align: top;}
.sidebar a {font-weight:600}

@media (max-width: 575.98px) { 
  .page-title {text-align:center;}
  .nav-bar div {line-height:1;}
  .footer .photo {min-height:0 !important; background-color:#FFF !important}
  .image-post {height:250px !important;}
  .latest-youtube iframe {height:250px !important;}
 }