*{
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
.row{
	margin:	0px;
}
#wrapper{
	width:100%;	
}
.container_room{
	max-width:730px;
	width:98%;
	margin:0 auto;
}
#section_page{
	width:100%;
	float:left;	
	background:url(../images/COLLINS-INTRO-PAGE.jpg) no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-position:center center;
	position:absolute;
	top:0;
	left:0;
	/*overflow:hidden;*/
	height:100%;
}
.page-content{
	width:100%;
	padding-top:9%;
}
.page-content h1{
	width:100%;
	text-align:center;
	font-size:70px;
	color:#fff;
	font-family: 'ProximaNova-Thin';
	line-height:54px;	
}
.no-colline{
	width:100%;
	text-align:center;
	margin-top:5%;	
}
.no-colline img{
	max-width:350px;
	width:95%;	
}

.page-content p{
	margin-top:3%;	
	width:100%;
	text-align:center;
	color:#fff;
	font-size:32.7px;
	font-family: 'ProximaNova-Light';
	line-height:60px;
	margin-bottom:20px;
}
.section-divide{
	width:100%;
	margin-top:3%;
	float:left;
}
.groups{
	max-width:190px;
	width:100%;
	margin:0 auto;
}
.part{
	max-width:150px;
	width:100%;
	margin:0 auto;
	position:relative;
	
	
	
}
.part a.group-a img, .part a.group-b img, .part a.group-c img{
	max-width:150px;
	width:100%;
	position:absolute;
	opacity:0;
}
.part a img, .part span img{
	transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	perspective:900px;
	-moz-perspective:900px;
	-ms-perspective:900px;
	-o-perspective:900px;
	-webkit-perspective:900px;
	perspective-origin:bottom;
	-moz-perspective-origin:bottom;
	transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}

.part span{
	width:auto;
	position:absolute;
	
	
}
.part span img{
	max-width:150px;
	width:100%;	
	opacity:1;
	
}
.part:hover a img {
	opacity:1;
}
.part:hover span img {
	opacity:0;
}


@media only screen and (max-width:479px){
	.page-content{
		padding-top:15%;	
	}
	.page-content p{
		font-size:19px;
		line-height:35px;	
		margin-top:12%;
	}
	.no-colline{
		margin-top:12%;	
	}
	.no-colline img{
		width:75%;
	}
	.section-divide{
		margin-top:10%;	
	}
	
}
@media only screen and (min-width:480px) and (max-width:599px){
	.part{
		width:75%;	
	}
	.page-content{
		padding-top:2%;
	}
	body{
		overflow:hidden;	
	}
	.page-content h1{
		font-size:50px;
		line-height:40px;	
	}
	.no-colline{
		margin-top:3%;	
	}
	.no-colline img{
		width:57%;	
	}
	.page-content p{
		font-size:26px;
		line-height:31px;
		margin-top:4%;
		margin-bottom:4px;	
	}
	.section-divide{
		margin-top:3%;	
	}

}
@media only screen and (min-width:600px) and (max-width:767px){
	.section-divide{
		margin-top:10%;	
	}
	.page-content{
		padding-top:10%;	
	}
	.no-colline{
		margin-top:10%;	
	}
	.page-content p{
		line-height:65px;
		margin-top:8%;	
	}

}
@media only screen and (min-width:768px) and (max-width:799px){
	.no-colline{
		margin-top:12%;	
	}
	.page-content p{
		margin-top:15%;	
	}
	.section-divide{
		margin-top:15%;	
	}
	.page-content{
		padding-top:15%;	
	}
}
@media only screen and (min-width:800px) and (max-width:939px){
	.page-content{
		padding-top:6%;	
	}
	.no-colline{
		margin-top:3%;	
	}
	.page-content p{
		margin-top:5%;
		line-height:47px;	
	}
	.section-divide{
		margin-top:4%;	
	}
	
}
@media only screen and (min-width:940px) and (max-width:1200px){
	.page-content{
		padding-top:10%;
	}
	.no-colline{
		padding-top:5%;	
	}
	.page-content p{
		padding-top:6%;	
	}
	.section-divide{
		margin-top:7%;	
	}
}
@media only screen and (min-width:1600px){
	.page-content{
		padding-top:15%;	
	}
	.no-colline{
		margin-top:7%;	
	}
	.page-content p{
		margin-top:8%;
		line-height:65px;
	}
	.section-divide{
		margin-top:9%;	
	}
	.no-colline img{
	max-width:520px;	
}
.part a.group-a img, .part a.group-b img, .part a.group-c img, .part span img{
	max-width:190px;	
}
.part{
	max-width:190px;	
}

}