/*
Order of Merit
*/
#indexOrderOfMeritContainer {
    margin-bottom:10px;
    margin-top:0px;
    height:50px;
    width:98%;
    margin-left:1%;
    min-width:410px;
    background-color: #e9ecef; /*grey*/
    color:black;
    text-align:center;
}
#merit {
    width:98%;
    margin:0;
    margin-right:1%;
    padding:0;
    max-height:50px;
    text-align:right;
}
#meritText {
    line-height:50px;
    height:50px;
    text-align:right;
    float:right;
    margin-right:5px;
}
@media (max-width: 490px) {
  #meritText {
      font-size:0.9em;
  }
}
#meritImage {
    height:50px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
    float:right;
}
#meritImg {
    width:auto;
    height:auto;
    max-height:40px;
    max-width:40px;
}

/*
Index Jumbotron
*/
#indexJumbotronContainer {
    width:100%;
    font-family:arial;
}
.indexJumbotron {
    width:98%;
    margin-left:1%;
    margin-top:10px;
    padding:10px 10px;
    font-family:arial;
}
#indexJumbotronHeading {
    color: #ed7e0a; /*orange*/
    font-family:verdana;
    font-size:2.4em;
}
#indexJumbotronText {
    font-family:arial;
}
@media (max-width: 520px) {
  #indexJumbotronHeading {
      font-size:1.4em;
      font-weight:500;
  }
  #indexJumbotronText {
      font-size:1em;
      font-weight:200;
  }
}
@media (min-width: 521px) and (max-width: 800px) {
  #indexJumbotronHeading {
      font-size:1.5em;
      font-weight:450;
  }
  #indexJumbotronText {
      font-size:1.1em;
      font-weight:200;
  }
}
@media (min-width: 801px) and (max-width: 1200px) {
  #indexJumbotronHeading {
      font-size:2.4em;
      font-weight:350;
  }
}
@media (min-width: 1201px) {
  #indexJumbotronHeading {
      font-size:2.2em;
      font-weight:350;
  }
}
.jumbotron-fluid {
    margin-bottom:0;
}

/*
Index Message
*/
#indexMessageContainer {
    width:100%;
    padding:0;
    margin:0;
    margin-bottom:40px;
}
#indexMessageInner {
    width:98%;
    margin-left:1%;
    margin-top:10px;
    padding:10px;
    background-color: #e9ecef; /*grey*/
}
#indexMessageImage {
    height:100%;
    width:100%;
}
#indexMessageImg {
    width:100%;
    height:auto;
}
#indexMessageText {
    padding-left:5px;
}
#indexMessageTextHeading {
    color: #ed7e0a; /*orange*/
    font-weight:bold;
    font-size:1.2em;
}