@import 'abstracts';
@import 'layout';
@import 'pages';

.hidden{
	display: none!important;
	visibility: hidden!important;
}

.hide-on-mobile {
  @media (max-width: 768px) {
    display: none !important;
  }
}

$mobile-max: 768px;


// shows ONLY on mobile
.only-mobile {
  display: none!important;

  @media (max-width: $mobile-max) {
    display: grid !important; // change to flex/inline-block if needed
  }
}

// shows on tablet/desktop, hidden on mobile
.not-mobile {
  display: grid; // change to flex/inline-block if needed
	img{
		border-radius: unset !important;
	}

  @media (max-width: $mobile-max) {
    display: none !important;
  }
}