@media (max-width: 767.98px) {
	
	html, body {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}
    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
	
	body {
	    margin: 0;
	    font-family: var(--body-font);
	    font-size: 24px;
	    font-style:normal;
	    font-weight: 400;
	    line-height: 125%;
	    color: var(--white-default);
	    background-color: var(--black-default);
	    background-image:url('/media/eufonica/2026/landing_page/background-responsive.png');
	    background-repeat:no-repeat;
	    background-size: cover;
	    -webkit-text-size-adjust: 100%;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	.mobile-break {
        display: block;
    }
	
	/* header */
	
	.logo img{
		width:80px;
	}
	
	.loghi-contemporanea-container {
	    margin-top: 20px;
	}
	
	.div-title{
		margin-top: 32px;
	}
	
	.div-title h1 {
		font-size: 60px;
	    font-style: normal;
	    font-weight: 500;
	    line-height: 125%;
	    color: var(--white-default);
	}
	.div-title p {
		font-size: 18px;
	    font-style:normal;
	    font-weight: 400;
	    line-height: 125%;
	    color: var(--white-default);
	}
	
	.menu-right a{
		font-size: 12px;
	    font-style:normal;
	    font-weight: 500;
	    line-height: 125%;
	    color: var(--white-default);
	    margin-right: 8px !important;
	}
	
	/* body */
	
	.div-sub-title {
		margin-top:42px;
	}
	
	.div-sub-title h2{
		font-size: 18px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 125%;
	    color: var(--white-default);
	}
	
	.div-body-title h2{
		font-size: 48px;
	    font-style:normal;
	    font-weight: 500;
	    line-height: 125%;
	    color: var(--white-default);
	}
	.div-body-title p{
		font-size: 18px;
	    font-style:normal;
	    font-weight: 400;
	    line-height: 125%;
	    color: var(--white-default);
	}
	
	.div-body-title-2 h2{
		font-size: 48px;
	    font-style:normal;
	    font-weight: 500;
	    line-height: 125%;
	    color: var(--white-default);
	}
	
	.div-body-title-3{
		margin-top:72px;
	}
	
	.div-body-title-3 h2{
		font-size: 32px;
	    font-style:normal;
	    font-weight: 500;
	    line-height: 125%;
	    color: var(--white-default);
	}
	.div-body-title-3 p{
		font-size: 18px;
	    font-style:normal;
	    font-weight: 400;
	    line-height: 125%;
	    color: var(--white-default);
	}
	
	/* footer */
	footer .footer-div-copy, 
	footer .footer-div-copy a{
		color: var(--white-default);
		font-size: 12px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%; /* 30px */
		margin-top:82px;
		margin-bottom:40px;
	}
	
	footer .footer-menu h5{
		color: var(--white-default);
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 125%; /* 30px */
		margin-bottom:8px;
	}
	
	footer .footer-menu a, 
	footer .footer-menu p{
		color: var(--white-default);
		font-size: 12px;
		font-style: normal;
		font-weight: 300;
		line-height: 125%; /* 30px */
		margin-bottom:0;
		text-decoration:none;
	}
	
}