@charset "utf-8";
section {
    position: relative;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

section h1{
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.25rem;
    font-size: 2.2rem;
    font-weight: 700;
	color:#000;
	line-height:2.2rem;
}


.inner-page-banner-section {
    height: 70vh;
    margin-bottom: 5vh;
    background: url(../images/framing/framing_header.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
} 
.inner-page-banner-section h1{
	font-family: 'PT Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 1rem;
    font-size: 4.0rem;
	line-height:2.5rem;
	margin-left:25vw;
	text-align: left;
	color:#000;
}
.inner-page-banner-section h4{
	font-family: 'PT Sans', sans-serif;	
    letter-spacing: 0.2rem;
	margin-top: 36vh !important;
	margin-left:10vw;
	font-weight: 400;
	color:#000;
}


.inbetween-page-first-section{
    height: 35vh;
	margin:60px 0;
	color:#fff;
	text-align:center;
    background: url(../images/framing/first_section_banner.jpg) no-repeat center center;
    background-size: cover;
	background-attachment:fixed;
}


 
.info { width:30%;}
.info h1{ font-size:1.8rem}
.info p{margin:30px 0; display:block;}
.gal-h { width:50%; position:relative;}
.right .info,.right .gal-h { float: right;}
.left .info,.left .gal-h { float: left; }
	 
.right .info {
	padding-right:5%;
	text-align:right;
}
.right .info h1{
	text-align:right;
}
.left .info{
	padding-left:5%;	
	text-align:left;
}
.left .info h1{
	text-align:left;
}

.gal-h img{ 
	width:80%;
/*	width:540px;
	heigh:340px;*/
}
.right .gal-h { 
	text-align:left;
	padding-left:5%;
}

.left .gal-h { 
	text-align:right;
	padding-right:5%;
}


#custom img{ 
	width:80vw;
	margin-left:500px;
box-shadow:#1d1d1d5d 0px 15px 50px;
margin-bottom:60px;		
}

 #handfinish img{ 
	width:60vw;
	margin-left:500px;
box-shadow:#1d1d1d5d 0px 15px 50px;
margin-bottom:60px;		
}

 #contract img{ 
	width:25vw;
	margin-right:1400px;
box-shadow:#1d1d1d5d 0px 15px 50px;
margin-bottom:60px;		
}

@media (min-width: 700px){
#custom .info{
	padding-top:5vw;
	margin-right:50px;
}
#handfinish .info{
	padding-top:15vw;
	margin-right:50px;
}
#contract .info{
	padding-top:5vw;
	margin-left:50px;	
}
}
@media (max-width: 700px){
	.info h1{ margin:0; padding:0}
	.info p{margin:15px 0 50px 0;}
	.info { width:85%; padding:0 30px; margin:0 15%;}
}