@font-face {
    font-family: 'Segoe UI';
    src: url('fonts/SegoeUI-Italic.woff2') format('woff2'),
        url('fonts/SegoeUI-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Segoe UI';
    src: url('fonts/SegoeUI.woff2') format('woff2'),
        url('fonts/SegoeUI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avestrava Tattoo Personal Use Only';
    src: url('fonts/AvestravaTattooPersonalUseOnly.woff2') format('woff2'),
        url('fonts/AvestravaTattooPersonalUseOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Felix Titling';
    src: url('fonts/FelixTitlingMT.woff2') format('woff2'),
        url('fonts/FelixTitlingMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Felix Titling';
    src: url('fonts/FelixTitlingMT.woff2') format('woff2'),
        url('fonts/FelixTitlingMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body{
    font-family: 'Segoe UI', serif;
    margin: 0;
    padding: 0;
    background: linear-gradient(#0e6196 0%, #07314b 100%);
    position: relative;
}

.main-area{
    position: relative;
    z-index: 100;
    color: #fff;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2rem;
    display: flex;
}
.main-area .member-sale{
	color: #fff;
	margin-top: 40px;
	font-size: 1.2rem;
    font-style: italic;
}
.container-content{
	display: flex;
	justify-content: center;
}
.title.font-white{
	display: flex;
	justify-content: center;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
    text-align: center;
}
.icons {
    margin: 10px;
}
.icons a{
	color: #fff;
	text-decoration: none;
	background-color: #70707063;
	padding: 30px;
    display: flex;
    border-radius: 20px;
}
.icons a:hover{
	color: #fff;
    text-decoration: none;
}
.icons .icon{
font-size: 2.2rem;
}

.popup-wifi p{
    text-align: center;
    font-size: 1.4rem;
}
.card-name{
    font-family: 'Felix Titling';
    color: #E4E4E4;
    font-size: 2.5rem;
    margin-bottom: 0;
}
.icon-social-personal a{
    padding: 20px;
}
.sep{
    background-color: #FAFAFA;
    height: .5px;
    transform: scale(0.8);
}
.p-text-about{
    color: #E4E4E4;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
}
.icons-locali{
    align-items: center;
    margin: 10px;
}
.loghi-attivita{
display: flex;
justify-content: center;
}
.icons-locali {
    color: #fff;
	text-decoration: none;
	background-color: rgba(245,245,245,0.15);
	padding: 15px;
    display: flex;
    border-radius: 20px;
    justify-content: center;
    height: 5.5rem;
}
.icons-locali:hover{
	color: #fff;
    text-decoration: none;
}
.card-text{
    display: flex;
    align-items: center;
}
.card-p{
    display: inline-block;
    text-align: left;
    font-size: 1.10rem;
    font-weight: normal;
    margin-bottom: 0;
}
@media (max-width: 360px) {
    .card-p{
        font-size: 0.8rem;
    }
}
.title img{
    height: 16rem;
}
.divider{
    height: 4rem;
    display: flex;
    justify-content: center;
}
.divider span{
    border-right: 1px solid rgba(250,250,250, 0.4);
}
.contacts{
	color: #fff;
	padding: 15px;
    display: flex;
    justify-content: center;
	font-size: 1.25rem;
}
.contacts:hover{
	color: #fff;
	text-decoration: none;
}