body{
  font-family: 'Roboto', sans-serif;

      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#170c47+0,5d4cb0+100 */
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#170c47+0,5d4cb0+100 */
    background: #170c47; /* Old browsers */
    background: -moz-linear-gradient(left,  #170c47 0%, #5d4cb0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #170c47 0%,#5d4cb0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #170c47 0%,#5d4cb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170c47', endColorstr='#5d4cb0',GradientType=1 ); /* IE6-9 */
    color: #fff;
}

h2.h2{
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 25px;
}
.font-weight-black{
  font-weight: 700;
}


.lighting{
  background-image: url(../img/lighting.png);
  background-repeat: no-repeat;
  background-position: -60px -60px;
  background-size: 240px;

}
.logo{
  padding-top: 70px;
}
.logo svg{
  display: block;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.behance img{
  height: 50px;
}
.behance {
  opacity: 0.5;
  transition: 0.7s;
}
.behance:hover {
  opacity: 1;
}

.link-btn{
  position: fixed;
  bottom: 10px;
  color: #eeab63;
  text-decoration: none;
  transition: 0.7s;
}

.link-btn:hover{
  text-decoration: none;
  color: #eeab63;
  opacity: 0.5;
}


/* Extra small devices (portrait phones, less than 576px)//
// No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  .lighting{
    background-size: 261px;
    background-position: 50px -60px;

  }

 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

  h2.h2{
    font-size: 1.75rem;
    margin-bottom: 25px;
  }

  .logo {
      padding-top: 130px;
  }
  .logo svg {
    display: block;
    height: 55px;
    margin-top: 10px;
    margin-bottom: 50px;
  }
  .mleft{
    margin-left: 45px;
  }

  .lighting{
    background-size: 361px;
    background-position: 100px -60px;

  }

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

 }