/*@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");*/
* {
  will-change: transition;
  -webkit-transition: all 1.2s;
  transition: all 1.2s;
}
html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  background: #f2f2f2;
  background: linear-gradient(0deg, #0d6afe, #2ba3fd 100%);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.wrapper{
  height: 100vh;
}
/* ~ top section */
.section-top {
  max-width: 1200px;
  width: 100%;

  padding-top: 4rem;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.section-top .logo-main img {
  max-width:400px;
  display: block;
  margin: 0 auto;
  width: 100%;
}
/* ~section work */
.section-work {
  max-width: 1200px;
  width: 100%;
  color: #fff;
  margin-top: 2rem;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 2rem;
  position: relative;
}
.section-work::before{
  content: "";
  position: absolute;
  width: calc(100% - 2rem);
  height: 1px;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.5);

}
.section-work h1 {
  font-family: "Roboto", sans-serif;
  line-height: 0;
  color: #fff;
  font-size: 4.5rem;
}
.section-work h2 {
  font-family: "Roboto", sans-serif;
  line-height: .5;
  font-size: 2.8rem;
  color: rgba(255,255,255,0.5);
}