.home_hero_section{background:#0D0D0D url(../images/contact.png) no-repeat 0px 150px; display:flex;position: relative; justify-content: center;align-items: center;height: 600px; overflow: hidden;}
.home_hero_section video{opacity: 0.6}
.home_hero_section .hero_text h1{color: #fff;  font-weight: 700}
.home_hero_section .hero_text h6{color: #fff; font-size:24px; font-weight: 300; margin-top: 16px}
.about{text-align: center;}
.about p{text-align: left;}
.home_hero_section .hero_text{position: absolute;  z-index: 1}
.home_hero_section .scroll-down{position: absolute; z-index: 1; right: 60px; bottom: 40px; display: block;}
.container-fluid{width: 80%}


.right{display: flex; flex-wrap: wrap;gap: 0}
.right .column{flex: 1 1 calc(25% - 32px); display: block; color: var(--grey); min-height: 200px}
.right .column .content{padding-top: 10px}
.right .column h6{text-align: left; color: #fff; font-size: 20px; color: #000}
.right .column p{text-align: left; padding:0; font-size: 14px; line-height: 18px}
.right .column a{text-align: left;color: var(--grey); display: block;font-size: 14px; font-weight: 200; margin-top: 6px}

.footer .bottom{display: flex; flex-wrap: wrap;gap: 0;    align-items: center;}
.footer .bottom .item{flex: 1 1 calc(50% - 32px); display: block}
.footer .bottom .left a{font-size: 24px; color: white; padding-right: 16px}

.footer .bottom .right{display: flex; flex-wrap: wrap;gap: 10px}
.footer .bottom .right .item{flex: 1 1 calc(50% - 32px); display: block; color: var(--grey);}
.footer .bottom .right p{font-size: 12px; color: white; padding: 0; text-align: left}
.footer .bottom .right a{display: inline-block; padding: 0 10px 0 0 }



@media only screen and (min-width: 320px) and (max-width: 900px){
	.home_hero_section{    height: 450px;}
	.home_hero_section .hero_text h1 {font-size: 32px; line-height: 32px; text-align: center;}
	.home_hero_section .hero_text{width: 75%;        height: 100%;justify-content: center;flex-direction: column; display: flex}
	.home_hero_section video {opacity: 0.6;height: 130%;}
	.home_hero_section .label .name {font-size: 14px;}

	.right .column {flex: 1 1 calc(100% - 32px);    min-height: initial; padding-bottom: 40px}
	.home_hero_section{background:#0D0D0D url(../images/contact.png) no-repeat 0px 240px; background-size: 100%;height: 350px;}
}

@media only screen and (min-width: 700px) and (max-width: 900px){
.home_hero_section {height: 310px;    background-size: 100%;background: #0D0D0D url(../images/contact.png) no-repeat 0px 0px;}
}