/* break points
xs  <576px	
sm  ≥576px	
md  ≥768px	
lg  ≥992px	
xl  ≥1200px	
xxl ≥1400px
*/
.slide--items {
    max-height:100vh;
}
@media (max-width: 576px) {
    max-height:80vh;
}
.slide--main--img {
	width: 300% !important;
	margin-left: -100% !important;
}
.main--title {
	font-size: 2.5rem;
	font-weight: bold;
	font-family:juBold;
}			

.navbar--brand--img {
	width: 35px;
}

.navbar--brand--name {
	font-size:1.2rem; 
	font-family: juBold;
	vertical-align:middle;
}

@media (min-width: 576px) {
	.slide--main--img {
		width: 100% !important;
		margin-left: inherit !important;
	}
	.main--title {
		font-size: 2.5rem;
		font-weight: bold;
	}	
	.card--subtitle {
		   -webkit-line-clamp: 1;
	}
	
	.navbar--brand--img {
		width: 85px;
	}
	
	.navbar--brand--name {
		font-size:3rem; 
		font-family: juBold;
		vertical-align:middle;
        position:relative;
        top:-5px;
	}
}

.footer-container {
    display:none;
    border-top: 1px solid gray;
}
.footer--brand--img {
	width: 60px;
}
@media (max-width: 992px) {  
    .footer--brand--img {
        width: 40px;
    }
}


.footer--brand--name {
	font-size:2rem; 
	font-family: juBold;
	vertical-align:middle;
}
@media (max-width: 992px) {  
    .footer--brand--name {
        font-size:1.5rem; 
    }
}

.footer--header {
	font-size:2rem; 
	font-family: juBold;
	vertical-align:middle;
}



/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  
	.slide--main--img {
		width: 100% !important;
		margin-left: inherit !important;
	}
	.main--title {
		font-size: 3rem; 
		font-weight: bold;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.slide--main--img {
		width: 100% !important;
		margin-left: inherit !important;
	}
	.main--title {
		font-size: 4rem;
		font-weight: normal;
	}	
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.slide--main--img {
		width: 100% !important;
		margin-left: inherit !important;
	}
	.main--title {
		font-size: 4rem;
		font-weight: normal;
	}	
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	.slide--main--img {
		width: 100% !important;
		margin-left: inherit !important;
	}
	.main--title {
		font-size: 4rem;
		font-weight: normal;
	}	
}


.main--slide--notpublished {
    position:absolute;
    font-size:4rem;
    z-index:1000;
    color:red;
    top:50%;
    left:50%;
}