.hero-section .item {height:50vh; padding:30px 0 60px 0; /*background:url(../images/logo-icon.png) no-repeat right;*/ position:relative}
.hero-section .item h1{font-size:56px;line-height: auto;letter-spacing: 0px; width:80%; margin: 0 auto }
.hero-section .item p{font-size:23px;line-height: 36px;}

.about .item{}
.about .item p{font-size:36px; font-weight:400; line-height:64px}

.portfolio .item{position:relative; height:600px; overflow:hidden; width:100%; margin:0 auto;}
.portfolio .overlay{display:block;opacity:1;position:absolute; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.3)}
.portfolio .item:hover .overlay{opacity:1}


.completed-events h3{padding:20px 0; font-size:24px;}
.completed-events a{display:block; position:relative; text-align:center}
.completed-events a .play{position:absolute; width:100%; text-align:center; top:30%}

.completed-events .menu {text-align:center}
.completed-events .menu a{display:inline-block; padding:15px 30px; border-radius:30px;}
.completed-events .menu a.active{background:#0075FF; color:#fff}
.completed-events .cards a{padding-bottom:40px; border-bottom:solid 1px #e5e5e5; margin-bottom:30px; transition:all ease-in-out 0.4s0}
.completed-events .cards a:hover{background:#f1f1f1;}
.completed-events h2{padding:20px 0; font-size:18px;}
.completed-events a{display:block; position:relative; text-align:center}
.completed-events a .play{position:absolute; width:100%; text-align:center; top:100px}



@media (max-width: 575.98px) {
.hero-section .item h1 {font-size: 28px;    line-height: 38px;}
.hero-section .item {padding: 30px 0 60px 0;}
.completed-events h3 {font-size: 17px; padding:20px 0 10px 0}
.completed-events p {font-size: 12px;}
.completed-events .cards a {padding-bottom: 20px;}
}


@media (min-width: 576px) and (max-width: 767.98px) {

}

@media (min-width: 768px) and (max-width: 991.98px) { }


@media (min-width: 992px) and (max-width: 1199.98px) {  }
@media (min-width:1200px) and (max-width: 1600px) {
	.hero-section .item h1 {    font-size: 36px; line-height: 54px;}
.hero-section .item h4 {font-size: 18px;}
}

@media (min-width: 1200px) {  }