.collina {
	color:#f68a0a; 
	font-weight:600; 
}
.collina-i a {
	color:#f68a0a; 
	font-weight:600; 
}
.collina-i a:hover {
	color: #FF3300;
	font-weight: 600;
}
.collina-s {
	color:#f68a0a; 
	font-weight:600; 
	text-shadow: 1px 1px 1px black;
}
.collina-sss {
	color:#f68a0a;
	font-size: 1.0ren; 
	font-weight:600; 
	text-shadow: 1px 1px 1px black;
}

.collina-ss {
	color:#f68a0a;
	font-size: 1.2ren; 
	font-weight:700; 
	text-shadow: 2px 2px 2px black;
}
.sfondo-carta-01 {
	background-image: url('../img/bg/paper/paper_001.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: auto auto;
}
.sfondo-carta-02 {
	background-image: url('../img/bg/paper/paper_002.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-05 {
	background-image: url('../img/bg/paper/paper_005.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-06 {
	background-image: url('../img/bg/paper/paper_006.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-07 {
	background-image: url('../img/bg/paper/paper_007.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-08 {
	background-image: url('../img/bg/paper/paper_008.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-09 {
	background-image: url('../img/bg/paper/paper_009.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}
.sfondo-carta-10 {
	background-image: url('../img/bg/paper/paper_010.webp');
	background-repeat: repeat;
	background-position: center;
	background-size: cover auto;
	background-attachment: scroll;
}

.media-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
        width:100%;
}

.media-container iframe,  
.media-container object,  
.media-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
Source - https://stackoverflow.com/a/37914001
Posted by DynamicDispatch, modified by community. See post 'Timeline' for change history
Retrieved 2026-03-17, License - CC BY-SA 3.0
*/

/*CSS*/

#player-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
}

video {
  display: block;
  width: 100%;
  height: 100%;
}

iframe {
  border: 4px solid #f68a0a;
  width: 100%; /* takes precedence over the width set with the HTML width attribute */
}