/* The page header of Cassiopeia has the class "header" so you control it with .header */

.header {
      background: rgb(2, 0, 36);
      background: linear-gradient(90deg, rgba(0, 115, 153, 1) 0%, rgba(51, 153, 255, 1) 50%, rgba(0, 77, 102, 1) 100%);
     
}
/* Modules have the class card, so you control them with .card - if you want to control only a specific module, you can give the module its own CSS class in the settings and then control it with that */

.card {
   /* box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);*/
	
}
.card-header {
    background-color: rgba(0, 102, 153,1);
}
.h1, h1 {
    color:rgb(0, 102, 153);
}
.h2, h2 {
    color:rgb(0, 102, 153);
	font-size: calc(1.0rem + .9vw);
}
.h3, h3 {
    font-size: calc(0.5rem + .6vw);
	color:rgba(239, 248, 252,1);
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: rgb(237, 245, 249);
  background-clip: border-box;
  border: 1px solid #e1f1fa;
  border-radius: 0.25rem;
  --card-cap-color:rgb(255,255,255) ;
}
#mbCenter.mediaboxckmobile #mbCaption {
display: block !important;
  font-size: 24px;
}