@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;900&display=swap');
@import url('../other/bootstrap/bootstrap4.min.css');
@import url('../other/fontawesome/all.min.css');
@import url('../other/fancybox/jquery.fancybox.min.css');

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Heavy.eot');
	src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-Heavy.woff2') format('woff2'),
		url('../fonts/Avenir-Heavy.woff') format('woff'),
		url('../fonts/Avenir-Heavy.ttf') format('truetype'),
		url('../fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
	font-weight: 900;
	font-style: normal;
}
/* Fix: Bootstrap 5 .row > * sets width:100% which breaks flex-column centering */
.sec7 .row.flex-column > * {
    width: auto;
    max-width: none;
    text-align: center;
}

.sec7 h2 {
    max-width: 800px;
}