/*STILE MOBILE*/
@media screen and (max-width: 1009px) {
	/* colore primario : #0049A2 */
	/* colore secondario : #276D27 */

	/* Custom fonts */
	@font-face {
	  font-family: BEACH_PARTY;
	  src: url('fonts/BEACH_PARTY.otf');
	}
	
	/* Base */
	body{
		font-family:Helvetica,sans-serif;
		margin:0px;
		padding:0px;
		color:#1B1B1B;
		overflow-x:hidden;
	}	
	
	a{
		color:#E4E4E4;
		text-decoration:none;
	}

	a:hover{
		color:#B7F737;
		border-bottom:1px solid #B7F737;
	}

	.buttbase {
		box-shadow: 3px 4px 0px 0px #144169;
		background:linear-gradient(to bottom, #1870c7 5%, #0c457d 100%);
		background-color:#1870c7;
		border-radius:12px;
		border:1px solid #417ab3;
		display:inline-block;
		cursor:pointer;
		color:#e0efff;
		font-family:Arial;
		font-size:17px;
		font-weight:bold;
		padding:12px 44px;
		text-decoration:none;
		text-shadow:0px 1px 0px #133252;
	}
	.buttbase:hover {
		background:linear-gradient(to bottom, #0c457d 5%, #1870c7 100%);
		background-color:#0c457d;
	}
	.buttbase:active {
		position:relative;
		top:1px;
	}
	
	/* Sezione 1 */
	.headerdiv{
		background:url('ischia.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		width:100%;
		min-height:100vh;
	}

	.logodiv{
		position:relative;
		z-index:1;
		text-align:center;
		width:320px;
		height:160px;	
		background:url('nubi.png');
		background-repeat: no-repeat;
		background-size: 320px 160px;
		margin:auto;	
	}

	.logodiv img{
		width:260px;
		position:relative;
		z-index:1;
		margin-top:4px;	
	}

	.hdbg{
		z-index:0;
		position:absolute;
		top:0px;
		left:0px;
		width:100vw;
		height:150px;
		background:url('lines.png');
		background-repeat: repeat;
		opacity:0.8;
	}	
	
	.disclaimer{
		font-family:BEACH_PARTY;
		font-size:6vh;
		line-height:6vh;
		color:white;
		text-shadow: 2px 2px 2px #000E29;
		text-align:center;
		padding:20px;
	}	

	.disclaimer span{
		font-size:0.9em;
		color:#FFFFA7;
	}

	#journalpicbase{
		background:url('picbase.png');
		background-repeat: no-repeat;
		background-size: 90vw 55vw;
		width:90vw;
		height:55vw;	
		margin-left:5vw;
	}

	#journalpicbase img{
		position:relative;
		top:2.5vw;
		width:81vw;
		height:49vw;
		margin-left:50%;
		left:-40.5vw;
		opacity:0.96;	
	}

	.animfadein{
		animation-name: fadein;
		animation-duration: 1s;	
	}

	.journal{
		position:relative;
	}

	#journaltit{
		display:none;
	}

	#journaldesc{
		position:absolute;
		left:11vw;
		bottom:4vw;
		font-family:BEACH_PARTY;
		font-size:1.8em;
		color:white;
		text-shadow: 2px 2px 2px #000E29;
	}

	/* Sezione 2 */
	.firstdiv{
		z-index:1;
		position:relative;
		height:85vh;
		background:white;
		border-top:30px solid #0463A1;
		clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
	}

	.firstdivtit{
		margin-top:5vh;
		font-size:2.2em;
		text-align:center;
		font-weight:bold;
		color:#0049A2;
	}

	.firstdivcover{
		background-image:url('collage.jpg');
		width:100%;
		height:25vw;
		margin-top:30px;
		background-size:cover;
	}

	.firstdivcovertext{
		font-size:2.3em;
		text-shadow: 2px 2px 2px #000E29;
		color:white;
		text-align:center;
		padding-top:6vw;
	}

	.firstdivbutt{
		text-align:center;
		margin-top:30px;
	}

	/* Sezione 3 */
	.seconddiv{
		position:relative;
		display:flex;
		align-items: center;
		justify-content: center;	
		z-index:0;
		position:relative;
		height:74vh;
		background:#276D27;
		margin-top:-13vh;
	}

	.seconddivcol{
		width:43%;
		padding:20px;
		color:white;
		font-size:0.9em;
		margin-top:20vh;
	}

	.seconddivcol1{
		border-right: 2px solid #428040;
		text-align:left;
	}

	.seconddivcol2{
		text-align:right;
	}

	.seconddivtit{
		z-index:2;
		color:white;
		position:absolute;
		text-align:center;
		margin-top:-34vh;
		font-size:1.9em;
	}

	/* Footer */
	.footer{
		height:4vh;
		background:#202020;
		border-top:30px solid white;
		color:white;
		text-align:center;
		padding-top:17vh;
		font-size:0.75em;
	}
	
	/* Animations */
	@keyframes fadein{
	  from {opacity:0;}
	  to {opacity:1;}
	}
		
}