
    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top:5px;
        height:0;
        overflow:hidden;
    }
    .video-container iframe {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    main{
        top:0;
        margin:0;
    }
    .rounded{
    border-radius:3em;
    }


    /* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.rect {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
text{
background: rgb(21, 44, 175);
color: #fff;
padding:.4em;
margin:auto;
}
smaller{
font-size: x-small;
}
.rounded{
width: 12em;
height: 8em;
 display: inline-block;
    -moz-box-shadow:4px 4px 4px #525655;
    -webkit-box-shadow: 4px 4px 4px #525655;
    box-shadow: 4px 4px 4px #525655;
margin: 1em;
}

.content-box-gray .content {
    overflow:hidden    ;
    line-height:1.2em;
    padding: 10px;
    font-size: 1em;
    /* border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em; */
    border: .5px solid #eee;
    color: #212c3e;
}
.content-box-gray .title {
    height:4em;
    line-height:1.6em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    background:rgb(188, 191, 212);
     font-size:1.1em;
    /* font-weight:bold; */
    /* font-family:Nunito; */
    display:block;
    color:white;
    display:block;
    padding:auto;
    border: 1px solid gray;
    border-bottom:none;
    padding:2px;
/* font-size: 3.052rem; */

    @media screen and (max-width: 960px) {
        font-size: 6.1vw;
    }
}



