@charset "utf-8";
.inner-page-banner-section{
    height: 70vh;
}
.inner-page-banner-section {
    background: url(../images/home/home_header.10.9.jpg?v=1) no-repeat center center;
    background-size: cover;
	color:#fff;
	text-align:center;
	margin-bottom:5vh;
}
section {
    position: relative;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}
.intro-article{ padding:0 20%; }
.inner-page-banner-section h1 {
    text-transform:capitalize;
    letter-spacing: .5rem;
    font-size: 3rem;
    font-weight: 400;
    border-bottom: 0px;
	position:absolute;
}

.inner-page-banner-section h2,.inner-page-banner-section h1 {
	text-align: center;
    border-bottom: 0px;
	position:absolute;

}
.inner-page-banner-section h1 {
	font-family: 'PT Sans Narrow', sans-serif;		
    text-transform:capitalize;	
	right:20vw;
	left:20vw;
	margin-top:8vh;
    letter-spacing: 0.25rem;
    font-size: 4rem;
    font-weight: 400;		
}
.inner-page-banner-section h2{
	font-family: 'PT Sans Narrow', sans-serif;		
    text-transform: uppercase;	
    left: 20vw;
	right:20vw;	
	line-height: 48vh;
	margin-top:36vh;
    letter-spacing: 0.5rem;
    font-size: 2.6rem;	
    font-weight: 700;		
}

.inner-page-banner-section h3 {
    letter-spacing: 0rem;
    font-size: 1.3rem;
	font-style:italic;
    font-weight: 500;
	text-align: center;
    border-bottom: 0px;
	position:absolute;
	top:63vh;
	left:32vw;
	right:32vw;
}


.shadowEffect{
/*	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11),
            0 5px 15px 0 rgba(0,0,0,0.08);*/
	box-shadow:#1d1d1d5d -10px 15px 50px;
}

.hand_edited{
	min-height:65vh;
	padding-top:40px;
	padding-bottom:80px;
    background:url(../images/home/home_meet_arrist_bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: overlay;
    margin-top: 80px;
    margin-bottom:0;
}
.hand_edited .transoverlay{
	width:40%;
	min-width:300px;
	text-align:left;
/*	margin:80px 10vw;
	padding-top:50px;
	padding-bottom:100px;
	background-color:rgba(255,255,255,0.7);*/
}
.hand_edited h1 {
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    font-size: 2.0rem;
    font-weight: 700;
}
.hand_edited p {
    font-size: 1.2rem;
	font-weight: 500;
	margin-top:20px;
	margin-bottom:50px;
	
}

.fivepart{
	width:fit-content;
	min-height:400px;
	margin:auto;
	margin-bottom:50px;
	
}
@media screen and (max-width: 1300px) {
	.fivepart{
		min-height:350px;
	}
}
@media screen and (max-width: 1000px) {
	.fivepart{
		min-height:300px;
	}
}
@media screen and (max-width: 800px) {
	.fivepart{
		min-height:250px;
	}
}
@media screen and (max-width: 600px) {
	.fivepart{
		min-height:150px;
	}
}
 .fivepart a{
	float: left;
    margin:1% 0%;
    text-align: center;
    border: 0 !important;
	width:20%;
	height:fit-content;
}
 .fivepart a p{
 	font-family: 'PT Sans Narrow', sans-serif;
	display:block;
	height:20px;
	line-height:30px;
	font-size:.9rem; 
	font-weight:400;
	color:#000;
	letter-spacing:.05rem;
	-webkit-text-stroke-width: .03rem;
   -webkit-text-stroke-color: black;
}
 .fivepart a:hover p{
 	font-size:.95rem;
	color:#333;
	letter-spacing:.05rem;
	-webkit-text-stroke-width: .05rem;
   -webkit-text-stroke-color: black;
 }
 .fivepart a *:hover{
	 cursor:pointer;
 }
 .fivepart a img{ 
	 clear:both;
	 width:80%;
	 margin:15px 0%;
	 /*box-shadow: 5px 5px 5px 5px  rgba(200,200,200,0.3);*/
	 box-shadow: #1d1d1d5d -20px 30px 50px;
	

 }

.radial-gradient{
	padding:80px 0;
	background: radial-gradient(ellipse at top right, #fff, transparent),
            radial-gradient(ellipse at bottom left, #ccc, transparent);
}

.tripart{
	width:fit-content;
	margin:auto;
}
 .tripart div{
	float: left;
    text-align: center;
    border: 0 !important;
	width:31%;
	margin:20px 1%;
	
}

@media (max-width: 700px) {
	 .tripart div{
		 width:270px;
		 margin:20px 23%;
	 }
}

 .tripart div .button{
	 clear:both;
	 width:100%;
	 display:block;
	 line-height:40px;
	 padding:0;
}
 .tripart div img{ 
	 clear:both;
	 width:100%;
	 margin:15px 0;
/*	 box-shadow: 5px 5px 5px 5px  rgba(200,200,200,0.3);*/
	 box-shadow: #1d1d1d5d -5px 5px 5px
 }

@media (max-width: 530px){
	.intro-article{ padding:0 5%; }
	.fivepart a{width:100%; }	
	.fivepart a p{font-size:1.4rem; margin-top: 50px;}
 	.fivepart a:hover p{font-size:1.4rem;}	
	 .tripart div{
/*		 width:200px;
		 margin:20px 20%;*/
		 width:70%;
		 margin:20px 15%;
	 }	
}