*{
	font-family: 'Archivo Narrow', sans-serif;
	color: #333;
}

a, a:hover{
	color: inherit;
	text-decoration: none;
}

footer{
	font-size: 0.8rem;
}

#main_content img {
    max-width: 100% !important;
    height: auto !important;
}

footer ul{
	list-style-type: none;
}

footer ul li{
	display: inline-block;
}

.banner h2{
	font-size: 2.5rem;
}

.banner p{
	font-size: 1.1rem;
}

.top-banner{
	height: 400px; /*480px;*/
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media (max-width: 1199px){
	.top-banner{
		height: 250px;
	}
}

@media (max-width: 575px){
	.top-banner{
		height: 200px;
	}
}


.slide-left{
	-webkit-animation: slide-left-in 1s forwards;
	-webkit-animation-delay: 0.1s;
	animation: slide-left-in 1s forwards;
	animation-delay: 0.1s;
	position: relative;
	left: -110%;
}

.slide-right{
	-webkit-animation: slide-right-in 1s forwards;
	-webkit-animation-delay: 0.1s;
	animation: slide-right-in 1s forwards;
	animation-delay: 0.1s;
	position: relative;
	right: -110%;
}

.slide-right-out{
	-webkit-animation: slide-right-out 5s forwards;
	-webkit-animation-delay: 0.1s;
	animation: slide-right-out 5s forwards;
	animation-delay: 0.1s;
	opacity: 1;
}

.fade-out {
	-webkit-animation-name: fade-out;
	animation-name: fade-out;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fade-out {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fade-out {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes slide-left-in {
    100% { left: 0;}
}

@keyframes slide-left-in {
    100% { left: 0;}
}

@-webkit-keyframes slide-right-in {
    100% { right: 0;}
}

@keyframes slide-right-in {
    100% { right: 0;}
}

@-webkit-keyframes slide-right-out {
		0% {right: 0}
    100% { right: -99999;}
}

@keyframes slide-right-out {
		0% {right: 0}
    100% { right: -99999;}
}

.card img{
	transition: .2s;
}

.card img:hover{
	transform: scale(1.1);

}

.card:hover{
	opacity: 0.7;
}

/*
.card:hover{
	border: 3px solid #DDD !important;
	-webkit-animation: zoom 0.1s forwards;
	-webkit-animation-delay: 0s;
	animation: zoom 0.1s forwards;
	animation-delay: 0s;
}

@-webkit-keyframes zoom {
    100% { padding: 0;}
}

@keyframes zoom {
    100% { padding: 0;}
}
*/

ul.artisti{
	list-style-type: none;
}

ul.artisti a:hover{
	font-weight: bold;
	text-decoration: none;
}

#mostre.tab-pane .list-group-item.active{
	background-color: #DDD;
	color: inherit;
	font-weight: bold;
}

#mostre .list-group{
	flex-direction: row;
	justify-content: center;
}

#list-mostre-content ul{
	list-style-type: none;
	padding-left: 0px;
}

.indietro{
	position: relative;
	
}

@media (min-width: 576px){
	.indietro{
		position: absolute;
		left: 20px;
	}
}

.pointer{
	cursor: pointer;
}

.immagine img{
    margin: auto !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}