@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

*, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Tahoma, Helvetica, Arial, sans-serif !important;
}


img[src$=".gif"], img[src$=".png"] {
    image-rendering: smooth-edges;
}



.uk-article-title {
	font-size: 1.8rem;
	font-weight: bold;
}



.flip-card {
  background-color: transparent;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card.active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.flip-card-front {

}

.flip-card-back {
  transform: rotateY(180deg);
}

.uk-card {
	border-radius: 8px;
}

.hover {
	transition: transform .6s ease-in-out;
}

.hover:hover {
	transition: transform .3s ease-in-out;
	transform: scale(1.1);
}


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}