.font-variant1 {
	font-family: 'Permanent Marker', cursive;
}

.font-variant2 {
	font-family: 'Shadows Into Light', cursive;
}

.font-variant3 {
	font-family: 'Grechen Fuemen', cursive;
}

.colored, .colored-hover:hover {
    color: #003770 !important;
}

.colored1, .colored1-hover:hover {
    color: #f39200 !important;
}

.colored2, .colored2-hover:hover {
    color: #36a9e1 !important;
}

.bg-colored, .bg-colored-hover:hover {
    background-color: #003770 !important;
}

.bg-colored1, .bg-colored1-hover:hover {
    background-color: #f39200 !important;
}

.bg-colored2, .bg-colored2-hover:hover {
    background-color: #36a9e1 !important;
}

.bg-soft-colored:before {
    background-color: #003770;
    opacity: 0.7;
}

.bg-soft-colored1:before {
    background-color: #f39200;
    opacity: 0.7;
}

.bg-soft-colored2:before {
    background-color: #36a9e1;
    opacity: 0.6;
}


.portfolio-column .slide.cat-foto-video .slide-img img {
	width: 100% !important;
}

.portfolio-column .slide .details>* {
    opacity: 1;
}

.portfolio-column .slide:before {
    opacity: 0.5;
}


/*
.portfolio-column .slide.cat-foto-video {
	height: 92vh !important;
} */

img.logo-section {
	max-width: 270px;
}



@media only screen and (min-width: 1120px) {
	.portfolio-column .slide:hover:before {
		opacity: 0;
	}
	
	.portfolio-column .slide .details .button {
		transition: all 0.3s;
		opacity: 0;
	}
	
	.portfolio-column .slide:hover .details .button {
		opacity: 1;
	}
	
	.portfolio-column .slide .details img.logo-section {
		filter: brightness(100);
	}
	
	.portfolio-column .slide:hover .details img.logo-section {
		filter: none;
	}
}


@media only screen and (max-width: 1120px) {
	
	img.logo-section {
		max-width: 230px;
	}
}


@media only screen and (max-width: 1025px) {
	.portfolio-column .slide:before {
		background-color: rgb(15 15 15);
	}
}


@media only screen and (max-width: 550px) {
	
	.portfolio-column .slide.cat-foto-video {
		height: 50vh !important;
	}
	
	img.logo-section {
		max-width: 180px;
	}
	
	.portfolio-column .slide.first-section {
		border-bottom: 5px solid #222;
	}
	
	.portfolio-column .slide:before {
		opacity: 0.7;
	}
}

@media only screen and (max-width: 480px) {
	
}