@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

body {
  font-family: 'Roboto', sans-serif;
  background-color: #252525;
  
}

body.main {
  background: #252525 url(/themes/dmdev-blank/assets/img/bc.jpg) top no-repeat !important;
  background-size: contain !important;
}

header nav .nav-link, .nav-top nav .nav-link {
  color:white;
  font-size: 16px;
  text-decoration: underline;
}
header nav .nav-link:hover, .nav-top nav .nav-link:hover, header nav .active, .nav-top nav .active {
  color:#dd0000;
}
.nav-contact {
  --bs-nav-link-padding-x: 0.2rem;
}
  .nav-contact .nav-link {
    color:white;
    font-size: 16px;
  }
  .nav-contact .nav-link:hover {
    color:#dd0000;
  }
    .nav-contact .nav-link i.bi {
      font-size:1.4rem;
    }

    .nav-link {
      color:white;
      text-decoration: underline;
    }
    .nav-link:hover { 
      color:#dd0000;
    }

/* for bootstrap icons padding*/
i.bi {padding-right:0.25em;}

a {color:white;}
a:hover {color:#dd0000;}


.main .content {
  margin-top:26%;
}

.bg-dark {
  background-color: #1c1c1c !important;
}





h1 {  font-size: 40px;}
h2 {  font-size:30px;}
h3 {  font-size:26px;}
h4 {  font-size:20px;}




.copy {
  font-size:12px;
  color:white;
}
.copy a {color:#6d6d6d;text-decoration: underline;}
.copy a:hover {color:#dd0000;text-decoration: underline;}



@media (max-width: 767px) {	

}
@media (min-width: 768px) {

}

@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}