.ml-larger {
  font-size: larger;
}

.ml-large {
  font-size: large;
}


.bg-yellow-125 {
  background-color: rgb(255,255,125);
}

.ml-space-h140{
  height: 140px;
  width: 100%;
}

.ml-space-h60{
  height: 60px;
  width: 100%;
}

.ml-space-h60{
  height: 60px;
  width: 100%;
}

.card-cut-image {
  height:16rem;
}

.mlabs-masthead {

    padding-top: 5rem;
    padding-bottom: 5rem;
}

.mlabs-masthead .btn {

    padding: .8rem 2rem;
    font-weight: 600;
    font-size: 1.25rem;
}

.mlabs-masthead a {
    color: #000000 !important;
    font-weight:bold;
}


/* Bottom left text */
.bottom-centered {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
}
/* Bottom left text */
.banner-button {
  position: absolute;
  top: 20px;
  right: 5%;
}

/* Bottom left text */
.right-floating {
  float: right;
  margin-left: 3%;
  width:25%;
}

.bannerimage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  margin-top: 2%;
}

.bannertitle{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
    font-size: 1.5rem;
  display: block;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
}

.bannertitle-little{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
  text-align: center;
}

.articletitle{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin-top:4.2rem;
  margin-bottom:2.2rem;
}

.articlesub{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin-top:4.2rem;
  margin-bottom:2.2rem;
}

.articleparagraph{
  font-size: 1.4rem;
}

.articledate{
  font-size: 1.1rem;
  font-weight : bold;
  float:right;
}


.guidemenu{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  text-align: left;
}


.guidetitle{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom:1.0rem;
}

.guideparagraph{
  font-size: 1.1rem;
}



.cardtitle{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.cardparagraph{
  font-size: 1.2rem;
}


/* Bottom left text */
.character-portrait {
  float: left;
  margin-right: 3%;
  width:120px;
}
/* Bottom left text */
.character-portrait-right {
  float: right;
  margin-left: 3%;
  width:120px;
}

.background-image{
  background-repeat: no-repeat;
  background-position: center;
}

.promotional-text{
  font-size: 1.2rem;
}


.promotional-text a {
    color: #333333 !important;
    font-weight:bold;
}

.promotional-text a:visited
{
    color: #777777 !important;
    font-weight:bold;
}

.promotional-text a:hover
{
    color: #888888 !important;
    font-weight:bold;
}


.guide-text{
  font-size: 1.1rem;
}


.guide-text a {
    color: #333333 !important;
    font-weight:bold;
}

.guide-text a:visited
{
    color: #444444 !important;
    font-weight:bold;
}

.guide-text a:hover
{
    color: #888888 !important;
    font-weight:bold;
}

 .logo-text{
   color:#bbbbbb;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-weight: bold;
 }


.descriptive-text{
  font-size: 1.1rem;
}

.main-jumbotron-mldiv{
  width:10%;
  height:400px;
  border: 2px solid black;
  border-left: 1px solid black;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1600px) {
  .main-jumbotron-mldiv{
    width:20%;
    height:400px;
    border: 5px solid red;
    border: 2px solid black;
    border-left: 1px solid black;
  }
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  .main-jumbotron-mldiv{
    width:25%;
    height:400px;
    border: 5px solid red;
    border: 2px solid black;
    border-left: 1px solid black;
  }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 768px) {
  .main-jumbotron-mldiv{
    width:33.3%;
    height:400px;
    border: 2px solid black;
    border-left: 1px solid black;
  }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  .main-jumbotron-mldiv{
    width:50%;
    height:400px;
    border: 2px solid black;
    border-left: 1px solid black;
  }
}


.border-right-solid{
  border-right: 2px solid black;
}


.color-primary-0 { color: #FFC869 }	/* Main Primary color */
.color-primary-1 { color: #FFF4E1 }
.color-primary-2 { color: #FFDCA0 }
.color-primary-3 { color: #E5A333 }
.color-primary-4 { color: #B6770A }

.color-secondary-1-0 { color: #62D156 }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #DCF6D9 }
.color-secondary-1-2 { color: #97E48F }
.color-secondary-1-3 { color: #38BB2A }
.color-secondary-1-4 { color: #159508 }

.color-secondary-2-0 { color: #FB676F }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FEE0E2 }
.color-secondary-2-2 { color: #FC9EA3 }
.color-secondary-2-3 { color: #E1333B }
.color-secondary-2-4 { color: #B30912 }

.color-complement-0 { color: #4E72A8 }	/* Main Complement color */
.color-complement-1 { color: #D5DFEE }
.color-complement-2 { color: #87A3CC }
.color-complement-3 { color: #2C5797 }
.color-complement-4 { color: #113A78 }


.backcolor-primary-0 { background-color: #FFC869 }	/* Main Primary color */
.backcolor-primary-1 { background-color: #FFF4E1 }
.backcolor-primary-2 { background-color: #FFDCA0 }
.backcolor-primary-3 { background-color: #E5A333 }
.backcolor-primary-4 { background-color: #B6770A }

.backcolor-secondary-1-0 { background-color: #62D156 }	/* Main Secondary color (1) */
.backcolor-secondary-1-1 { background-color: #DCF6D9 }
.backcolor-secondary-1-2 { background-color: #97E48F }
.backcolor-secondary-1-3 { background-color: #38BB2A }
.backcolor-secondary-1-4 { background-color: #159508 }

.backcolor-secondary-2-0 { background-color: #FB676F }	/* Main Secondary color (2) */
.backcolor-secondary-2-1 { background-color: #FEE0E2 }
.backcolor-secondary-2-2 { background-color: #FC9EA3 }
.backcolor-secondary-2-3 { background-color: #E1333B }
.backcolor-secondary-2-4 { background-color: #B30912 }

.backcolor-complement-0 { background-color: #4E72A8 }	/* Main Complement color */
.backcolor-complement-1 { background-color: #D5DFEE }
.backcolor-complement-2 { background-color: #87A3CC }
.backcolor-complement-3 { background-color: #2C5797 }
.backcolor-complement-4 { background-color: #113A78 }

.button-complement-A {background-color: #87A3CC; };