/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	#goToTop {}
	#navbarMainTopMenu > ul > li.nav-item{
		margin: 1em 1em 1em 1em;
	}
	.section-header{
		padding: 6vw;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	#navbarMainTopMenu > ul > li.nav-item{
		margin: 1em 2.5em 1em 2.5em;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }

/*Extra Extra small devices*/
@media (max-width: 400.00px) { 
	.header-story {
		margin-top: 1.3em;
	}
	table.table-events{
		font-size:5.5vw;
	}
	table.table-events a{
		font-size:5.5vw;
	}
	table.table-events .events-table-data{width:13vw!important;}
	/*table.table-events .events-table-band{width:3vw!important;}*/
	table.table-events .events-table-link{width:9vw!important;}
	.festival-title > h1,
	.festival-title > h2{
		font-size: 14vw;
	}
	.events-table-row {
		svg {
			width: 5.5vw;
		}
	}
}

@media (min-width: 400.01px) and (max-width: 575.98px) { 
	table.table-events{
		font-size:3.5vw;
	}
	table.table-events a{
		font-size:3.5vw;
	}
	table.table-events .events-table-data{width:13vw!important;}
	/*table.table-events .events-table-band{width:3vw!important;}*/
	table.table-events .events-table-link{width:9vw!important;}
	.festival-title > h1,
	.festival-title > h2 {
		font-size: 14vw;
	}
	.header-story {
		margin-top: 1.4em;
	}
	.events-table-row {
		svg {
			width: 3.5vw;
		}
	}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	header{
		background-color:#FFF;
		padding-top:1.5em;
		position: sticky !important;
		top: 0;
		z-index:1020;
	}
	.logo-mobile{
		padding: 0;
		min-height: 10vw;
		font-size: 4.5vw;
		font-weight: bold;
		display: inline-flex;
		align-items: center;
	}
	.logo-mobile svg{
		width:100%;
	}
	.box-navbar-toggler{
		padding: 0;
		min-height: 10vw;
		font-size: 4.5vw;
		font-weight: bold;
		display: inline-flex;
		align-items: center;
	}
	.navbar-toggler{
		padding: 0;
		font-weight: bold;
		display: inline-flex;
		align-items: center;
	}
	button.navbar-toggler:focus{
		border: none;
		outline: none;
	}
	.navbar-toggler-icon{
		width:5.5vw;
	}
	.main-logo-mobile{
		width:10vw;
	}
	.header-mobile-text{
		min-height: 10vw;
		font-size: 4.5vw;
		font-weight: bold;
		display: inline-flex;
		align-items: center;
	}
	.events-title,
	.events-title h1,
	.events-title h2,
	.events-title h3{
		font-size:9vw;
	}
	.events-title-x{
		font-size:8vw;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.section-header{
		padding-bottom: 6vw;
		padding-right: 0;
		padding-left: 0;
	}
	.main-logo{
		margin-top:0;
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	.scf-map{
		height:400px;
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { }


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.header-story {
		margin-top: 1.5em;
	}
	.events-title,
	.events-title h1,
	.events-title h2,
	.events-title h3{
		font-size:7vw;
	}
	.events-title-x{
		font-size:6vw;
	}
	table.table-events{
		font-size:2.5vw;
	}
	table.table-events a{
		font-size:2.5vw;
	}
	table.table-events .events-table-data{width:12.5vw!important;}
	/*table.table-events .events-table-band{width:3vw!important;}*/
	table.table-events .events-table-link{width:9.5vw!important;}
	.box-mail,.box-mail a,.box-mail a:hover,.box-mail a:active,.box-mail a:visited{
		font-size:3.7vw;
	}
	.events-table-row {
		svg {
			width: 2.5vw;
		}
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	#navbarMainTopMenu > ul > li.nav-item{
		margin: 1em 2.5em 1em 2.5em;
	}
	.events-title,
	.events-title h1,
	.events-title h2,
	.events-title h3{
		font-size:5vw;
	}
	.events-title-x{
		font-size:4vw;
	}
	table.table-events{
		font-size:2vw;
	}
	table.table-events a{
		font-size:2vw;
	}
	table.table-events .events-table-data{width:10.5vw!important;}
	/*table.table-events .events-table-band{width:3vw!important;}*/
	table.table-events .events-table-link{width:8vw!important;}
	.box-mail,.box-mail a,.box-mail a:hover,.box-mail a:active,.box-mail a:visited{
		font-size:2.7vw;
	}
	.events-table-row {
		svg {
			width: 2vw;
		}
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.events-title,
	.events-title h1,
	.events-title h2,
	.events-title h3{
		font-size:3vw;
	}
	table.table-events{
		font-size:1.5vw;
	}
	table.table-events a{
		font-size:1.5vw;
	}
	table.table-events .events-table-data{width:8vw!important;}
	/*table.table-events .events-table-band{width:3vw!important;}*/
	table.table-events .events-table-link{width:6vw!important;}
	.box-mail,.box-mail a,.box-mail a:hover,.box-mail a:active,.box-mail a:visited{
		font-size:2.7vw;
	}
	.events-table-row {
		svg {
			width: 1.5vw;
		}
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.events-title,
	.events-title h1,
	.events-title h2,
	.events-title h3{
		font-size:3vw;
	}
	table.table-events{
		font-size:1vw;
	}
	table.table-events a{
		font-size:1vw;
	}
	.section-regards{
		margin: 2em 3em;
	}
	.box-mail,.box-mail a,.box-mail a:hover,.box-mail a:active,.box-mail a:visited{
		font-size:1.7vw;
	}
	.events-table-row {
		svg {
			width: 1vw;
		}
	}
}

/*Apply styles starting from medium devices and up to extra large devices*/
@media (min-width: 768px) and (max-width: 1199.98px) { }
