* {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

body {
  padding: 0;
  margin: 0;
  background: #f5f5f5;
}

a{
  color: #000000;
}

.block{
  width: 100%;
  height: 16px;
}

.container{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px 28px;
}

.clear::after {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  clear: both;
}

.flex {
  display: flex;
}

.overflow {
  overflow: hidden;
}

@font-face {
  font-family: 'Cinzel';
  src: url('./assets/font-family/Cinzel/cinzel.woff.ttf');
}

@font-face {
  font-family: 'Raleway';
  src: url('./assets/font-family/Raleway/Raleway-Regular-2.ttf');
}
@font-face {
  font-family: 'Raleway-Semibold';
  src: url('./assets/font-family/Raleway/Raleway-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Libre Bodoni';
  src: url('./assets/font-family/Libre-Bodoni/libre-bodoni.ttf');
}

@media screen and (max-width: 431Px) and (min-width: 0Px) {
  .nav{
    padding: 24px !important;
  }
  #header{
    height: 36px !important;
  }
  .block{
    height: 48px !important;
  }
  .icon{
    top: 20% !important;
  }
  .logo-text{
    top: 0px !important;
  }
  .container,.update,.research{
    padding: 24px 24px !important;
  }
  .updates{
    padding-bottom: 0 !important;
  }
  .update-modules {
    flex-direction: column !important;
    margin: 24px 0 0 !important;
  }
  .update-module{
    width: 314px !important;
    margin: 0 !important;
  }
  .update-content{
    width: 314px !important;
  }
  .update-module:nth-of-type(3) {
    display: none;
  }
  .research-info{
    width: 375px;
  }
  #footer{
    padding: 20px 0 !important;
  }
  .footer-item{
    position: relative;
    width: 375px !important;
    text-align: left !important;
  }
  .search{
    display: none;
  }
  .description {
    width: 327px !important;
  }
  .banner{
    padding-top: 64px !important;
    padding-bottom: 64px;
    /* height: 256px !important; */
  }
  .hero-title {
    font-size: 30Px !important;
    line-height: 36px !important;
  }
  .footer-logo{
    /*width:140px !important;*/
    /*height: 24px !important;*/
    /*background: url('/images/Logo_mono_text.png') no-repeat center/100% !important;*/
  }
  .subscribe{
    margin-top: 38px !important;
    font-size: 18px !important;
  }
  .small-font{
    font-size: 12px !important;
    line-height: 16px !important;
  }
  .email{
    justify-content: flex-start !important;
  }
  .email-input{
    width: 240px !important;
    height: 24px !important;
  }
  .submit{
    height: 24px !important;
  }
  .arrow-right{
    width: 40px !important;
  }
  .arrow-right>img{
    width: 20px !important;
    left: 10px !important;
    top: 3px !important;
  }
  .social>img{
    width: 16px !important;
    height: 16px !important;
    margin-left: 0 !important;
    margin-right: 24px !important;
  }
  .footer-provider{
    margin-top: 10px !important;
  }
  .popup-logo{
    /*width: 24px !important;*/
    /*background-image: url(/images/Logo.svg) !important;*/
  }
  .view-all{
    padding: 0px !important;
  }
  .menu-bar {
    padding: 10px 24px 40px !important;
  }
  .nav-search{
    padding: 0 24px !important;
  }
  .nav-close{
    padding: 24px 24px !important;
  }
}

@media screen and (max-width: 1440Px) and (min-width: 431Px) {
  .update-modules {
    flex-direction: row;
    justify-content: space-around !important;
  }
  .update-module:nth-of-type(3) {
    display: none;
  }
  .research-img{
    width: 135px !important;
    height: 90px !important;
  }
  .research-img img{
    width: 135px !important;
    height: 90px !important;
  }
  .banner{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .hero-title {
    font-size: 39px !important;
    line-height: 51px !important;
  }
}

@media screen and (min-width: 1440Px) and (max-width: 100vw){
  #header,.nav{
    height: 48px !important;
  }
  .block{
    height: 56px !important;
  }
  .logo-text{
    top: 12px !important;
  }
  .container,.research{
    padding: 24px 52px !important;
  }
  .update-modules{
    padding: 24px -10px 0 !important;
  }
  .update-modules {
    flex-direction: row;
  }
  .update-module:nth-of-type(3) {
    display: block;
  }
  .research-info{
    width: 840px;
  }
  .research-img{
    /*width: 300px !important;*/
    /*height: 200px !important;*/
    /*margin-right: 120px !important;*/
  }
  .research-img>img{
    /*width: 210px !important;*/
    /*height: 140px !important;*/
  }
  .banner{
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .hero-title {
    font-size:  56px !important;
    line-height: 72px !important;
  }
  .subscribe{
    font-size: 16px !important;
  }
  .email-input{
    width: 172px !important;
    height: 16px !important;
  }
  .submit{
    height: 16px !important;
  }
  .arrow-right>img{
    width: 20px;
    top: 20% !important;
  }
  .line{
    padding: 0 12px !important;
  }
}
