/* GENERAL STYLING */

-webkit-appearance: none;


/* Settings of the flip cards */
		.flip-card {
		  background-color: transparent;
		  perspective: 1000px;
		}

		.flip-card-inner {
		  position: relative;
		  width: 100%;
		  height: 100%;
		  transition: transform 0.6s;
		  transform-style: preserve-3d;
		  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		  display: flex;
		}

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

		.flip-card-front, .flip-card-back {
		  position: relative;
		  width: 100%;
		  height: 100%;
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		  min-width: 100%;
		}

		.flip-card-front {
			text-align: center;
		}
		
		.flip-card-back {
		  transform: rotateY(180deg) translate(100%, 0);
		  text-align: left;
		}
		
		/* Set button invisible after 0.2 secs */
		.invisible {
		  transition: 0.2s;
		}
		
		/* Set background-color of images */
		.embed-responsive .card-img-top {
			background-color: #485566;
			object-fit: cover;
		}
		
		/* Set size of logos */
		.logo {
			height: 35px;
		}
		
		/* background of footer */
		.card-footer {
			background: transparent;
			border-top: 0px;
		}
		
		.bg-card {
			background-color: #f4f4f4;
		}
		
		p {
			font-size: 0.8em;
		}
		
		/* For long links there needs to be a word-break set */
		.break {
			word-wrap: break-word;
		}
		
		/* Vertical line */	
		.block-intro-container {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			-moz-align-items: center;
			align-items: center;
		}
		
		.vertical-line {
			height: 24px;
			border-left: 4px solid #17a2b8;
			padding-right: 11px;
		}
		
		.feature-img {
			background-repeat: no-repeat; 
			background-size: cover; 
			background-position: center center; 
			max-height: 348px; 
			margin-left: 2px; 
			margin-right: 2px;
		}