/*
body {
  padding-top: 225px;
}
@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}

small {
	line-height: 1.0;
}

*/

.blockquote.blockquote-urgent {
	border-left: thick solid #FF0000; 
	padding-left: 10px;
	font-size: 1.00rem;
}

.blockquote.blockquote-headline {
	border-left: thick solid #FFFF00; 
	padding-left: 10px;
	font-size: 1.00rem;
}

.blockquote.blockquote-normal {
	border-left: thick solid #999999; 
	padding-left: 10px;
	font-size: 1.00rem;
}

.blockquote.blockquote-special {
	border-left: thick solid #4040FF; 
	padding-left: 10px;
	font-size: 1.00rem;
	background-color: #115369;
}

.space { padding-top: 40px }
.mid-space { padding-top: 20px }
.tiny_space { padding-top: 5px }

// code to provide responsive card-deck

// Bootstrap 4 breakpoints & gutter
$grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px
) !default;

$grid-gutter-width: 30px !default;

// number of cards per line for each breakpoint
$cards-per-line: (
    xs: 1,
    sm: 2,
    md: 3,
    lg: 4,
    xl: 5
);

@each $name, $breakpoint in $grid-breakpoints {
	@media (min-width: $breakpoint) {
		.card-deck .card {
			flex: 0 0 calc(#{100/map-get($cards-per-line, $name)}% - #{$grid-gutter-width});
			
		}
	}
}

@media (min-width: 0) {
  .card-deck .card {
    flex: 0 0 calc(100% - 8px);
  }
}
@media (min-width: 576px) {
  .card-deck .card {
    flex: 0 0 calc(50% - 8px);
  }
}
@media (min-width: 768px) {
  .card-deck .card {
    flex: 0 0 calc(33.33333% - 8px);
  }
}
@media (min-width: 992px) {
  .card-deck .card {
    flex: 0 0 calc(25% - 8px);
  }
}
@media (min-width: 1200px) {
  .card-deck .card {
    flex: 0 0 calc(16.6667% - 8px);
  }
}

.card-img-top {
    width: 100%;
    max-width: 100%;
    height: 15vw;
    object-fit: cover;
    flex-shrink: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.card-deck .card{
		min-width: 180px;
		max-width: 180px;
	}
}