*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  /* font-size: 62.5%; */
}
html,body{
  width: 100%;
}
.container-fluid img{
  display: block;
  width: 100%;
}
a {
  text-decoration: none;
  
}
.no-opacity{
  opacity: 0;
}

.titleFontSize{
  color: #fff;
  font-size: 1.2rem;
}
.smallfonts {
  color: #898989;
  font-size: .5rem;
  line-height: 2;
  letter-spacing: .06rem;
}




























@media screen and (min-width: 320px) {html{font-size:16px;}}
@media screen and (min-width: 322px) {html{font-size:16.1px;}}
@media screen and (min-width: 324px) {html{font-size:16.2px;}}
@media screen and (min-width: 326px) {html{font-size:16.3px;}}
@media screen and (min-width: 328px) {html{font-size:16.4px;}}
@media screen and (min-width: 330px) {html{font-size:16.5px;}}
@media screen and (min-width: 332px) {html{font-size:16.6px;}}
@media screen and (min-width: 334px) {html{font-size:16.7px;}}
@media screen and (min-width: 336px) {html{font-size:16.8px;}}
@media screen and (min-width: 338px) {html{font-size:16.9px;}}
@media screen and (min-width: 340px) {html{font-size:17px;}}
@media screen and (min-width: 342px) {html{font-size:17.1px;}}
@media screen and (min-width: 344px) {html{font-size:17.2px;}}
@media screen and (min-width: 346px) {html{font-size:17.3px;}}
@media screen and (min-width: 348px) {html{font-size:17.4px;}}
@media screen and (min-width: 350px) {html{font-size:17.5px;}}
@media screen and (min-width: 352px) {html{font-size:17.6px;}}
@media screen and (min-width: 354px) {html{font-size:17.7px;}}
@media screen and (min-width: 356px) {html{font-size:17.8px;}}
@media screen and (min-width: 358px) {html{font-size:17.9px;}}
@media screen and (min-width: 360px) {html{font-size:18px;}}
@media screen and (min-width: 362px) {html{font-size:18.1px;}}
@media screen and (min-width: 364px) {html{font-size:18.2px;}}
@media screen and (min-width: 366px) {html{font-size:18.3px;}}
@media screen and (min-width: 368px) {html{font-size:18.4px;}}
@media screen and (min-width: 370px) {html{font-size:18.5px;}}
@media screen and (min-width: 372px) {html{font-size:18.6px;}}
@media screen and (min-width: 374px) {html{font-size:18.7px;}}
@media screen and (min-width: 376px) {html{font-size:18.8px;}}
@media screen and (min-width: 378px) {html{font-size:18.9px;}}
@media screen and (min-width: 380px) {html{font-size:19px;}}
@media screen and (min-width: 382px) {html{font-size:19.1px;}}
@media screen and (min-width: 384px) {html{font-size:19.2px;}}
@media screen and (min-width: 386px) {html{font-size:19.3px;}}
@media screen and (min-width: 388px) {html{font-size:19.4px;}}
@media screen and (min-width: 390px) {html{font-size:19.5px;}}
@media screen and (min-width: 392px) {html{font-size:19.6px;}}
@media screen and (min-width: 394px) {html{font-size:19.7px;}}
@media screen and (min-width: 396px) {html{font-size:19.8px;}}
@media screen and (min-width: 398px) {html{font-size:19.9px;}}
@media screen and (min-width: 400px) {html{font-size:20px;}}
@media screen and (min-width: 402px) {html{font-size:20.1px;}}
@media screen and (min-width: 404px) {html{font-size:20.2px;}}
@media screen and (min-width: 406px) {html{font-size:20.3px;}}
@media screen and (min-width: 408px) {html{font-size:20.4px;}}
@media screen and (min-width: 410px) {html{font-size:20.5px;}}
@media screen and (min-width: 412px) {html{font-size:20.6px;}}
@media screen and (min-width: 414px) {html{font-size:20.7px;}}
@media screen and (min-width: 416px) {html{font-size:20.8px;}}
@media screen and (min-width: 418px) {html{font-size:20.9px;}}
@media screen and (min-width: 420px) {html{font-size:21px;}}
@media screen and (min-width: 422px) {html{font-size:21.1px;}}
@media screen and (min-width: 424px) {html{font-size:21.2px;}}
@media screen and (min-width: 426px) {html{font-size:21.3px;}}
@media screen and (min-width: 428px) {html{font-size:21.4px;}}
@media screen and (min-width: 430px) {html{font-size:21.5px;}}
@media screen and (min-width: 432px) {html{font-size:21.6px;}}
@media screen and (min-width: 434px) {html{font-size:21.7px;}}
@media screen and (min-width: 436px) {html{font-size:21.8px;}}
@media screen and (min-width: 438px) {html{font-size:21.9px;}}
@media screen and (min-width: 440px) {html{font-size:22px;}}
@media screen and (min-width: 442px) {html{font-size:22.1px;}}
@media screen and (min-width: 444px) {html{font-size:22.2px;}}
@media screen and (min-width: 446px) {html{font-size:22.3px;}}
@media screen and (min-width: 448px) {html{font-size:22.4px;}}
@media screen and (min-width: 450px) {html{font-size:22.5px;}}
@media screen and (min-width: 452px) {html{font-size:22.6px;}}
@media screen and (min-width: 454px) {html{font-size:22.7px;}}
@media screen and (min-width: 456px) {html{font-size:22.8px;}}
@media screen and (min-width: 458px) {html{font-size:22.9px;}}
@media screen and (min-width: 460px) {html{font-size:23px;}}
@media screen and (min-width: 462px) {html{font-size:23.1px;}}
@media screen and (min-width: 464px) {html{font-size:23.2px;}}
@media screen and (min-width: 466px) {html{font-size:23.3px;}}
@media screen and (min-width: 468px) {html{font-size:23.4px;}}
@media screen and (min-width: 470px) {html{font-size:23.5px;}}
@media screen and (min-width: 472px) {html{font-size:23.6px;}}
@media screen and (min-width: 474px) {html{font-size:23.7px;}}
@media screen and (min-width: 476px) {html{font-size:23.8px;}}
@media screen and (min-width: 478px) {html{font-size:23.9px;}}
@media screen and (min-width: 480px) {html{font-size:24px;}}
@media screen and (min-width: 482px) {html{font-size:24.1px;}}
@media screen and (min-width: 484px) {html{font-size:24.2px;}}
@media screen and (min-width: 486px) {html{font-size:24.3px;}}
@media screen and (min-width: 488px) {html{font-size:24.4px;}}
@media screen and (min-width: 490px) {html{font-size:24.5px;}}
@media screen and (min-width: 492px) {html{font-size:24.6px;}}
@media screen and (min-width: 494px) {html{font-size:24.7px;}}
@media screen and (min-width: 496px) {html{font-size:24.8px;}}
@media screen and (min-width: 498px) {html{font-size:24.9px;}}
@media screen and (min-width: 500px) {html{font-size:25px;}}
@media screen and (min-width: 502px) {html{font-size:25.1px;}}
@media screen and (min-width: 504px) {html{font-size:25.2px;}}
@media screen and (min-width: 506px) {html{font-size:25.3px;}}
@media screen and (min-width: 508px) {html{font-size:25.4px;}}
@media screen and (min-width: 510px) {html{font-size:25.5px;}}
@media screen and (min-width: 512px) {html{font-size:25.6px;}}
@media screen and (min-width: 514px) {html{font-size:25.7px;}}
@media screen and (min-width: 516px) {html{font-size:25.8px;}}
@media screen and (min-width: 518px) {html{font-size:25.9px;}}
@media screen and (min-width: 520px) {html{font-size:26px;}}
@media screen and (min-width: 522px) {html{font-size:26.1px;}}
@media screen and (min-width: 524px) {html{font-size:26.2px;}}
@media screen and (min-width: 526px) {html{font-size:26.3px;}}
@media screen and (min-width: 528px) {html{font-size:26.4px;}}
@media screen and (min-width: 530px) {html{font-size:26.5px;}}
@media screen and (min-width: 532px) {html{font-size:26.6px;}}
@media screen and (min-width: 534px) {html{font-size:26.7px;}}
@media screen and (min-width: 536px) {html{font-size:26.8px;}}
@media screen and (min-width: 538px) {html{font-size:26.9px;}}
@media screen and (min-width: 540px) {html{font-size:27px;}}
@media screen and (min-width: 542px) {html{font-size:27.1px;}}
@media screen and (min-width: 544px) {html{font-size:27.2px;}}
@media screen and (min-width: 546px) {html{font-size:27.3px;}}
@media screen and (min-width: 548px) {html{font-size:27.4px;}}
@media screen and (min-width: 550px) {html{font-size:27.5px;}}
@media screen and (min-width: 552px) {html{font-size:27.6px;}}
@media screen and (min-width: 554px) {html{font-size:27.7px;}}
@media screen and (min-width: 556px) {html{font-size:27.8px;}}
@media screen and (min-width: 558px) {html{font-size:27.9px;}}
@media screen and (min-width: 560px) {html{font-size:28px;}}
@media screen and (min-width: 562px) {html{font-size:28.1px;}}
@media screen and (min-width: 564px) {html{font-size:28.2px;}}
@media screen and (min-width: 566px) {html{font-size:28.3px;}}
@media screen and (min-width: 568px) {html{font-size:28.4px;}}
@media screen and (min-width: 570px) {html{font-size:28.5px;}}
@media screen and (min-width: 572px) {html{font-size:28.6px;}}
@media screen and (min-width: 574px) {html{font-size:28.7px;}}
@media screen and (min-width: 576px) {html{font-size:28.8px;}}
@media screen and (min-width: 578px) {html{font-size:28.9px;}}
@media screen and (min-width: 580px) {html{font-size:29px;}}
@media screen and (min-width: 582px) {html{font-size:29.1px;}}
@media screen and (min-width: 584px) {html{font-size:29.2px;}}
@media screen and (min-width: 586px) {html{font-size:29.3px;}}
@media screen and (min-width: 588px) {html{font-size:29.4px;}}
@media screen and (min-width: 590px) {html{font-size:29.5px;}}
@media screen and (min-width: 592px) {html{font-size:29.6px;}}
@media screen and (min-width: 594px) {html{font-size:29.7px;}}
@media screen and (min-width: 596px) {html{font-size:29.8px;}}
@media screen and (min-width: 598px) {html{font-size:29.9px;}}
@media screen and (min-width: 600px) {html{font-size:30px;}}