@charset "utf-8";
/* CSS Document */
/*modifiche del sito*/
@font-face {
   font-family: 'SSTRoman';
   src: url('SSTRg.TTF') format('truetype');
}
body{
	color: #181818;
	font-family: 'SSTRoman';
}
.active{
	font-weight: 900;
}
#navigazione{
	background-color: #fff;
}
#playstation,#accessori{
	background-image: url("../img/sfondo_playstation.jpg");
	background-position:bottom;
	background-attachment: fixed;
	background-size:auto;
	background-repeat: no-repeat;
}
#spiderman{
	background-image: url("../img/sfondo_spiederman.jpg");
	background-position:center;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	
}
#giochi{
	background-image: url("../img/sfondo_giochi.jpg");
	background-position:center;
	background-attachment: fixed;
	background-size:contain;
	color: #fff;	
}
.container{
	max-width: 740px;
	margin: auto;
	padding-bottom: 30px;
}
#accessori .container{
	max-width: 1200px;
}
#giochi .container-xxl{
	padding-bottom: 30px;
	max-width: 1000px;
}
h1,h2{
	padding-bottom: 30px;
	padding-top: 40px;
}

p{
	font-family: 'SSTRoman';
	font-size: 15pt;
}

.card{
	margin: auto;
	padding-bottom: 20px;
	text-align: left;
}
.col-sm{
	padding-bottom: 30px;
}
#footer{
	color: #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}
#video-trailer{
	width: 900px;
	height: 500px;
}

@media screen and (max-width: 900px) {
	 #video-trailer{
		width: 600px;
		height: 340px;
	}
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
	 #video-trailer{
		width: 300px;
		height: 170px;
	}
	.p-5{
		padding: 0px !important;
	}
	#giochi{
	background-size:cover;
	
	}
}

/*gallery*/
.zoom {      
	/*-webkit-transition: all 0.35s ease-in-out;    
	-moz-transition: all 0.35s ease-in-out;    
	transition: all 0.35s ease-in-out;     
	/*cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;*/  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
	-ms-transform: scale(1.1);    
	-moz-transform: scale(1.1);  
	-webkit-transform: scale(1.1);  
	-o-transform: scale(1.1);  
	transform: scale(1.1);    
	position:relative;      
	z-index:100;  
}
/*fine gallery*/