-hr {
    height: 5px;
    background-color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

td:empty,th:empty {
  display: none;
}

#about_text, #email_text { 
    font-size: 12;
}

body {
  font-family: 'Lato', sans-serif;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
  }

html {
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran';
  font-weight: 800 !important;
}

.bg-blue {
  background-color:#22408d !important;
  }

.rounded-pill {
  border-radius: 5rem;
}

.navbar-custom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: rgb(34, 64, 141);
  background-color: rgba(34, 64, 141, 0.9);
}

.liuserNavBar {
    padding-bottom: 0px !important;
}

.secnavbar-custom {
  background-color: rgb(114, 141, 209);
  background-color: rgba(114, 141, 209, 0.9);
}

.navbar-custom .navbar-brand {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
}

.navbar-custom .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(3rem + 72px);
  padding-bottom: 4rem;
  background: webkit-gradient(linear, left bottom, left top, from(#22408d), to(#ffffff));
  background: linear-gradient(0deg, #22408d 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}

.masthead2 {
  position: relative;
  overflow: hidden;
  padding-top: calc(3rem + 72px);
  padding-bottom: 4rem;
  background: webkit-gradient(linear, left bottom, left top, from(#22408d), to(#ffffff));
  background: linear-gradient(0deg, #d3d3d3 0%, #ffffff 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.reghead {
  position: relative;
  overflow: hidden;
  padding-top: calc(3rem + 72px);
  padding-bottom: 4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}

header.masthead .masthead-content {
  z-index: 1;
  position: relative;
}

header.masthead .masthead-content .masthead-heading {
  font-size: 4rem;
}

header.masthead .masthead-content .masthead-subheading {
  font-size: 2rem;
}

@media (min-width: 992px) {
  header.masthead {
    padding-top: calc(3rem + 55px);
    padding-bottom: 4rem;
  }
  header.masthead .masthead-content .masthead-heading {
    font-size: 6rem;
  }
  header.masthead .masthead-content .masthead-subheading {
    font-size: 4rem;
  }
}

.display-4 {
	color: #978d33;
}

.headerTxtColor {
	color: #978d33;
}

.title, .steps {
	color: #22408d;
}

.long-text{
    display:table-cell;
}

.short-text{
    display:none;
}

.bg-customGold{
	background-color: #978d33 !important;
}

.cusMod{
    min-height: 300px !important;
    }
    
.cusMod2{
    max-width: 800px !important;
}

@media screen and (max-width: 1440px){
    .col-infov2{
      font-size: 3vw;  
    }
    .container {
    max-width: 1300px;
    }
}

@media screen and (max-width: 1200px){
  .long-text{
    display:none;
    }
    .short-text{
    display:table-cell;
}
}

@media screen and (max-width: 1440px) and (min-width: 1200px){
.col-info {
    font-size: 1vw;
  }
  .col-infov2{
      font-size: 1.35vw;  
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px){
    .mobile-text{
    word-wrap: break-word;  
  }
  .col-info {
    font-size: 1.25vw;
  }
  .col-infov2{
      font-size: 1.85vw;  
    }
}
@media screen and (max-width:768px) and (min-width: 600px) {
  .col-info {
    font-size: 2vw;
  }
  .col-infov2{
      font-size: 2vw;  
    }
  .mobile-text{
    word-wrap: break-word;  
  }
}
@media screen and (max-width:600px) and (min-width: 425px) {
  .col-info {
    font-size: 2vw;
  }
  .col-infov2{
      font-size: 2.5vw;  
    }
  .mobile-text{
    word-wrap: break-word;  
  }
}
@media screen and (max-width:425px) and (min-width: 360px) {
  .col-info {
    font-size: 2vw;
  }
  .col-infov2{
      font-size: 3vw;  
    }
  .mobile-text{
    word-wrap: break-word;  
  }
}
@media screen and (max-width: 360px){
.col-info {
    font-size: 2.15vw;
  }
  .col-infov2{
      font-size: 2.5vw;  
    }
    .mobile-text{
    word-wrap: break-word;  
  }
}