.margin-40{
  margin: 40px;
}
 
.margin-60{
  margin: 60px;
}

.margin-80{
  margin: 80px;
}



.soft-shadow {
  box-shadow: 6px 10px 30px 0 rgb(0 0 0 / 15%);
}


.bulge{
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3), 0 7px 21px 0 rgba(0, 0, 0, 0.20);
}


.img-grid {
    padding: 1em;
    background: #eee;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.img-grid:hover {
    -webkit-box-shadow: 0 20px 40px 10px rgba(0, 0, 0, .3), 0 -20px 40px -10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 20px 40px 10px rgba(0, 0, 0, .3), 0 -20px 40px -10px rgba(0, 0, 0, .3);
    box-shadow: 0 20px 40px 10px rgba(0, 0, 0, .3), 0 -20px 40px -10px rgba(0, 0, 0, .3);
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    -ms-transition: 0.2s all;
}



.full-bg{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.complete-bg{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}


.box-lin-grad{
  background: linear-gradient(45deg, black, transparent);
}


.text-wh{
  color: white!important;
}

.text-bl{
  color: black!important;
}

.box-wh{
  background: white;
  color: black;
}

.box-bl{
  background: black;
  color: white;
}



input[type="checkbox"], input[type="radio"], select{
  cursor: pointer;
}





@media screen and (min-width: 768px){

  .margin-40{
    margin: 80px;
  }
  
  .margin-60{
    margin: 120px;
  }

  .margin-80{
    margin: 160px;
  }


  .bulge{
    box-shadow: 0 15px 30px rgb(0 0 0 / 30%), 0 11px 8px rgb(0 0 0 / 22%), 0 -15px 30px rgb(0 0 0 / 30%), 0 -11px 8px rgb(0 0 0 / 22%);
  }
  
}




/*Class mobile-show. Shows on mobile, hides on the rest*/
@media screen and (max-width: 767px){
  .mobile-show{
    display: inline-block;
  }
  .others-show{
    display: none;
  }
}
@media screen and (min-width: 768px){
  .mobile-show{
    display: none;
  }
  .others-show{
    display: inline-block;
  }
}