html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.bd-blue-200 {
    color: #000;
    background-color: #79dfc1;
}
.bd-blue-201 {
    color: #000;
    background-color: #e1f5fe;
}

.bd-blue-100 {
    background-color: #1976D2;
}

.bd-green-100 {
    background-color: #0097A7;
}



tb_image_bg {
    background: url("https://images.pexels.com/photos/373912/pexels-photo-373912.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260") no-repeat center center fixed;
}

.gradient-custom {
    /* fallback for old browsers */
    background: #667eea;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right bottom, #667eea, #764ba2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 20346f 028002*/
    background: linear-gradient(to right bottom, #6f86d6, #48c6ef )
}
.gradient-index {
    /* fallback for old browsers */
    background: #a1c4fd;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right bottom, #a1c4fd, #c2e9fb);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 20346f 028002*/
    background: linear-gradient(to right bottom, #a1c4fd, #c2e9fb)
}

.box-back {
    /* fallback for old browsers */
    background: #0d6efd;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right bottom, #a1c4fd, #c2e9fb);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 20346f 028002*/
    background: linear-gradient(to right bottom, #a1c4fd, #c2e9fb)
}