.cattit {
    	width: 90%;
    	height: 10vh;
    	background: white;
    	color: black;
    	display: table;
    	padding: 10px 5px;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }

    .ttext {
    	margin-top: -13px;
    	padding: 1em;
    	background: white;
    	color: black;
    	font-size: 0.9em;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	transition: padding 0.2s;
    }

    #main-header {
    	background: #bf1a2c;
    }

    .dehon-face {
    	text-align: center;
    	float: left;
    	width: 40%;
    }

    .dehon-logo {
    	text-align: center;
    	float: right;
    	width: 60%;
    	padding: 0 20px;
    }

    #help-content a {
    	color: white;
    }

    #help-content a:hover {
    	color: #444;
    	color: #fedd0f;
    }

    footer a {
    	color: #bf1a2c;
    	color: #89121e;
    	color: #fff;
    	color: #fedd0f;
    }

    @media (min-width: 320px) {
    	.dehon-face {
    		display: none;
    	}
    	.dehon-logo {
    		width: 100%;
    		padding: 0 20px;
    	}
    	.dehon-logo img {
    		height: 15vh;
    	}
    	.slider-wrapper {
    		display: none;
    	}
		#main-header {
      background: -moz-linear-gradient(left, #212130 0%, #39304A 100%);
      background: -webkit-linear-gradient(left, #212130 0%, #39304A 100%);
      background: linear-gradient(to right, #212130 0%, #39304A 100%);
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212130', endColorstr='#39304A', GradientType=1);
    	}
    	#main-content {
    		display: block;
    		background: transparent;
    	}
    	.catlink {
    		float: left;
    		width: 100%;
    		height: auto;
    		padding: 20px 2em;
    		text-align: center;
    		background: #bf1a2c;
    		background: transparent;
    	}
    	.catlink i {
    		font-size: 80px;
    		color: white;
    	}
    	.navbar-default {
    		background: #bf1a2c;
			background: transparent;
    	}
    }

    @media (min-width: 768px) {
    	.dehon-face {
    		display: block;
    		text-align: right;
    	}
    	.dehon-face img {
    		height: 40vh;
    	}
    	.dehon-logo {
    		text-align: center;
    		float: right;
    		width: 60%;
    		padding: 0 20px;
    	}
    	.dehon-logo img {
    		height: 15vh;
    	}
    	.slider-wrapper {
    		display: none;
    	}
		#main-header {
      background: -moz-linear-gradient(left, #212130 0%, #39304A 100%);
      background: -webkit-linear-gradient(left, #212130 0%, #39304A 100%);
      background: linear-gradient(to right, #212130 0%, #39304A 100%);
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212130', endColorstr='#39304A', GradientType=1);
    	}
    	#main-content {
    		display: block;
    		background: transparent;
    	}
    	.catlink {
    		width: 50%;
    		height: auto;
    		padding: 20px 2em;
    		border-bottom: 70px transparent solid;
    		background: #bf1a2c;
    		background: transparent;
    	}
    	.catlink i {
    		font-size: 115px;
    		color: white;
    	}
    	.navbar-default {
    		background: #bf1a2c;
			background: transparent;
    	}
    }

    @media (min-width: 1024px) {
    	.dehon-face {
    		display: block;
    		text-align: center;
    	}
    	.dehon-face img {
    		height: 60vh;
    	}
    	.dehon-logo img {
    		height: 15vh;
    	}
    	.dehon-logo p {
    		line-height: 1.3em;
			color: white;
			font-size: 2em;
			padding: 2em;
			font-style: normal;
    	}
    	.slider-wrapper {
    		display: block;
    	}
    	#main-header {
    		height: 100vh;
        background: -moz-linear-gradient(left, #212130 0%, #39304A 100%);
        background: -webkit-linear-gradient(left, #212130 0%, #39304A 100%);
        background: linear-gradient(to right, #212130 0%, #39304A 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212130', endColorstr='#39304A', GradientType=1);
    	}
    	.navbar-default {
    		background: transparent;
    	}
    	#main-content {
    		position: absolute;
    		/*bottom: 0;*/
    		bottom: 50px;
    		width: 100%;
    		height: 200px;
    		background: transparent;
    	}
    	#help-content {
    		position: absolute;
    		bottom: 0;
    		width: 100%;
    		height: 50px;
    		background: transparent;
    	}
    	.catlink {
    		float: left;
    		width: 25%;
    		height: 200px;
    		/*  padding: 20px 10px;*/
    		padding: 40px 10px;
    		/*border-bottom: 70px white solid;*/
    		border-bottom: 50px transparent solid;
    		background: transparent;
    	}
    	.catlink i {
    		font-size: 80px;
    		color: white;
    	}
    	.catlink-wrapper:hover .ttext {
    		color: #96a60b;
    		padding-top: 20px;
    	}
    }

    @media (min-width: 1200px) {
    	.dehon-face {
    		display: block;
    		text-align: center;
    	}
    	.dehon-face img {
    		height: 80vh;
    	}
    	.dehon-logo img {
    		height: 15vh;
    	}
    	.slider-wrapper {
    		display: block;
    		padding: 5vh 10px 0;
    		height: 100%;
    	}
    	.slider-wrapper > div > img {
    		min-height: 300px;
    		background: transparent;
    		text-align: center;
    	}
    	.slider-wrapper p {
    		color: white;
    		line-height: 2.2em;
    		text-align: justify;
    		font-size: 1.6em;
    		padding: 0px 4em;
    	}
    	#main-header {
    		height: 100vh;
        background: -moz-linear-gradient(left, #212130 0%, #39304A 100%);
        background: -webkit-linear-gradient(left, #212130 0%, #39304A 100%);
        background: linear-gradient(to right, #212130 0%, #39304A 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212130', endColorstr='#39304A', GradientType=1);
    	}
    	.navbar-default {
    		background: transparent;
    	}
    	#main-content {
    		position: absolute;
    		bottom: 0;
    		bottom: 50px;
    		width: 100%;
    		height: 200px;
    		background: transparent;
    	}
    	#help-content {
    		position: absolute;
    		bottom: 0;
    		width: 100%;
    		height: 50px;
    		background: transparent;
    	}
    	.catlink {
    		float: left;
    		width: 25%;
    		height: 100%;
    		/* padding: 20px 10px;*/
    		padding: 55px 10px;
    		/*   border-bottom: 50px white solid;*/
    		border-bottom: 50px transparent solid;
    		background: transparent;
    	}
    	.catlink i {
    		font-size: 100px;
    		color: white;
    	}
    	/* .catlink-wrapper:hover .ttext {
            color: #96a60b;
            padding-top: 20px;
        }*/
    }

    .zwrapper {
    	/*  padding: 15px 20px;*/
    	/*  border-radius: 5px;*/
    	cursor: pointer;
    /*	padding-bottom: 10px;*/
    	/*padding: 1.2em;*/
    	border-radius: 2px;
    	background: rgba(240, 240, 240, 0.5);
    }

.zwrapper a {
display: block;
    height: 100%;
    padding: 1.2em;
}
    .originals {
    	/*background: rgba(150, 166, 11, 0.7);*/
    	border-bottom: 8px solid rgb(150, 166, 11);
    }

    .international {
    	/*background: rgba(150, 166, 11, 0.7);*/
    	/*border-bottom: 8px solid #fedd0f;*/
    	border-bottom: 8px solid #337ab7;
    }

    .dehonianadocs {
    	/*  background: rgba(252, 221, 15, 0.7);*/
    	border-bottom: 8px solid #cb6f0e;
    }

    .studia {
    	/*  background: rgba(252, 221, 15, 0.7);*/
    	border-bottom: 8px solid #078dd2;
    }

    .holder {
    	/*background: rgba(150, 166, 11, 0.7);*/
    	border-bottom: 8px solid #ccc;
    }

    .slick-slide {
    	outline: none;
    }

    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* Rapporto 16:9: 9/16 * 100 = 56.25% */
      height: 0;
      overflow: hidden;
      max-width: 100%;
    }

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