body, html {
  height: 100%;
  margin: 0;
  scroll-behavior: smooth;
}

@font-face {
  font-family: TitleFont;
  src: url(../fonts/ethnocentricrgit.ttf);
}

.logo {
	height: 50px;
}

.masterbkg {
  /* The image used */
  background-image: url("../img/index-master-bkg.webp");
  /* Full height */
  height: 100%; 
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
    background: rgb(0,172,238);
	background: linear-gradient(90deg, rgba(0,172,238,1) 40%, rgba(41,64,147,1) 80%);
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}
.title {
	font-family: TitleFont;
	color: white;
	text-align: center;
	background-image: url('../img/bkgwaves.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;  
	background-size: cover;
}

.title h1{
	font-size: 36px !important;
}

.table {
	color: white;
}

.line1 {
	background: rgb(0,172,238);
	background: linear-gradient(90deg, rgba(0,172,238,1) 40%, rgba(41,64,147,1) 80%);
}

.line2 {
	background: rgb(16,126,193);
	background: linear-gradient(90deg, rgba(16,126,193,1) 40%, rgba(29,29,46,1) 80%); 
}

.tabtitle {
	font-family: TitleFont;
}
.h2title {
	color: rgb(16,126,193);
	font-size: 24px;
}

@media only screen and (max-width: 540px) {
.title h1{
	font-size: 24px !important;
}
.masterbkg {
  /* The image used */
  background-image: url("../img/index-master-bkg.jpg");
  /* Full height */
  height: 50%; 
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.title {
	background: rgb(16,126,193);
	background: linear-gradient(90deg, rgba(16,126,193,1) 40%, rgba(29,29,46,1) 80%); 
}
}