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


/* carousel fullscreen */

.carousel-fullscreen .carousel-inner .item {
    height: 68vh; 
    min-height: 200px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}


/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}

/* overlay for better readibility of the caption  */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000e6;
    opacity: 0.3;
    transition: all 0.2s ease-out;
}


/* demo typography */



.carousel-caption h1{
	  font-weight: 700;
}
.super-heading {
    font-size: 70px; 
	 font-family: 'Roboto Condensed', sans-serif;
}

.blaatekst{
	font-size: 50px;
}
.blaatekstlink {
	font-size: 50px;
}
.super-paragraph {
    font-size: 30px; font-weight: 300;
}

.carousel-caption .super-paragraph a,
.carousel-caption .super-paragraph a:hover
{
    color: #fff;
}

#carousel-example-generic {
    margin: 40px 0;
}

/* carousel fade */
/* original solution by https://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.demo-content {padding-top: 50px; padding-bottom: 50px; }

.animate-reveal {
 /* font: bold 1.5em sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;*/
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

.animate-second {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}
@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

#fullwidth .moduletable a {
    font-size: 30px;
	    text-decoration: underline;
}


#blaatekstlink{
    font-size: 50px!important;
    text-decoration: underline;
}

.item{

  display: inline-block;
  animation: pulse; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 25s; /* don't forget to set a duration! */

}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-fullscreen .carousel-inner .item {
    height: 63vh; 
  
}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.carousel-fullscreen .carousel-inner .item {
    height: 63vh; 
  
}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.super-heading {
    font-size: 40px; 
	
}
	#blaatekstlink{
    font-size: 40px!important;
    text-decoration: underline;
}
	.carousel-fullscreen .carousel-inner .item {
    height: 53vh; 
    
}
	

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.super-heading {
    font-size: 38px; 
	
}
	.super-paragraph{
		    font-size: 16px; 
	}
	#fullwidth .moduletable a {
    font-size: 16px;
    text-decoration: underline;
}
	.carousel-fullscreen .carousel-inner .item {
    height: 38vh; 

}
	.blaatekst{
	font-size: 15px;
}
	#blaatekstlink{
    font-size: 15px!important;
    text-decoration: underline;
}

}