@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');
body {
  font-family: 'Tahoma', sans-serif;  
  font-family: 'Rubik', sans-serif;
}




a {
  color:#229bd7;
  text-decoration: none;
}
a:hover, a:focus  {
  color:#c20d0d;
}


h1 {
  font-size:4em;
  font-weight: 500;
}
h2 {
  font-size:3em;
  font-weight: 500;
}
h3 {
  font-size:1.75em;
  font-weight: 500;  
}

h3 strong { 
  color:#229bd7;
}

p {
  line-height: 1.4em;
  margin-top:1em;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #229bd7;
  --bs-btn-border-color: #229bd7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1b76bc;
  --bs-btn-hover-border-color: #229bd7;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #229bd7;
  --bs-btn-active-border-color: #229bd7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #229bd7;
  --bs-btn-disabled-border-color: #229bd7;
}


.btn-danger {
  background-color: #c20d0d;
}


#feedback strong {
  color:#229bd7
}

#feedback {
  --bs-bg-opacity: 1;
  background-color: #231f20 !important; 
  background: url(/themes/dmdev-blank/assets/img/feedback-bg.jpg);
  background-size: cover;
  min-height: 400px;  
  color:white;
}

.bg-silver {
  --bs-bg-opacity: 1;
  background-color: #1b1b1b !important;  
  color:white; 
}



.dropdown-menu-dark {
  color: #e2e2e2;
  background-color: #1b1b1b;
  border-color: #1b1b1b;
}
.bg-dark .nav-link {
  color: white;
}
.bg-dark .disabled {
  color: silver;
}
.bg-dark .nav-link:hover, .bg-dark .active, .bg-dark .focus {
  color:#c20d0d;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
  color: #e2e2e2;
}
.bg-dark h1, .bg-dark h2, .bg-dark h3 {
  color:white;
}

.content hr {
  color:#229bd7;
  height:3px;
  width:50px;
  opacity: 1;
  
  margin: 0 40% 0 48%;
  margin-top:20px;
  margin-bottom:20px;
}



header nav .nav-link {
font-size:1.2em; color:#1b1b1b;
}
header nav .nav-link:hover, header nav .nav-link:focus, header nav .active {
color:#c20d0d;
}


header .bg-slider {
  --bs-bg-opacity: 1;
  background: url(/themes/dmdev-blank/assets/img/bg-slider.png) center repeat-x;
  color: white;
}
header .bg-slider img {
  height: 400px;
  max-width: 1400px;
  min-height: 400px;
  min-width:1400px;
}


.carousel-caption {
  right: 6%;
  top: 13%;
  left: 6%;
  text-align: left;
  line-height: 1.3em;
}
header .carousel-item h3 {
  font-size:4em;
  line-height: 1em;
  max-width:70%
}
.carousel-indicators [data-bs-target] {
  background-color: silver;
}



header .carousel-item h3 {
  font-size:2.5em;
  max-width:100%
}
@media (min-width: 576px) {
  header .carousel-item h3 {
    font-size:3em;
    max-width:100%
  }
  .carousel-caption {
    right: 27%;
    top: 14%;
    left: 12%;
    text-align: left;
    line-height: 1.3em;
  }
}
@media (min-width: 768px) {
  header .carousel-item h3 {
    font-size:3em;
    max-width:100%
  }
  .carousel-caption {
    right: 27%;
    top: 13%;
    left: 14%;
    text-align: left;
    line-height: 1.3em;
  }
}


@media (min-width: 992px) {
  header .carousel-item h3 {
    font-size:3.5em;
    max-width:90%
  }
}


@media (min-width: 1200px) { 
  header .carousel-item h3 {
    font-size:3.5em;
  }
}

@media (min-width: 1400px) { 
  header .carousel-item h3 {
    font-size:4em;
    max-width:70%
  }
  
}





.copy {
  font-size:0.7em
}