body {
	margin: 0px;
}
html {
	font-size: 100%;
}
* {
	box-sizing: border-box;	
}

.sections_view {
	
}

.sections_view > section {
	    width: 100%;

}

.sections_view > section.video_section {
display: flex;
    align-items: center;
    justify-content: center;	
	background: black;
	z-index: 0;
		min-height: 100vh;

}

.sections_view > section.video_section > .bg_video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    object-fit: cover;	
	z-index: 1;
}

.sections_view > section.video_section > .text_container {
z-index: 5;
    color: white;
    width: 75%;
    display: flex;
    justify-content: flex-end;

}

.commonTitle,
.sections_view > section.video_section > .text_container .title {
    display: flex;
    flex-direction: column;
    font-size: 5rem;
    font-family: SF UI Display Thin;
	color: white;
	    font-weight: 100;
		
}
.sections_view > section.video_section > .text_container .title > span {
	
}
.commonTitle strong,
.sections_view > section.video_section > .text_container .title > span strong{
	font-family: SF UI Display Black;
}

.sections_view .video_section .shadow1 {
    position: absolute;
    bottom: 0%;
    width: 100%;
    left: 0px;
    height: 4%;
    z-index: 4;
	background: black;
	box-shadow: -3px 0px 58px 75px rgba(0,0,0,1);
	-webkit-box-shadow: -3px 0px 58px 75px rgba(0,0,0,1);
	-moz-box-shadow: -3px 0px 58px 75px rgba(0,0,0,1);
	
}

/*
Header
*/
header {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 128px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1% 4%;
    font-family: SF UI Display Light;	
}

header > img {
    height: 30%;
    max-height: 60px;	
}

header > div {
    display: flex;	
}
header > div > a {
    text-decoration: none;
    color: white;
    font-size: 1.1rem;
    margin: 15px;	
}


/*
* Footer
*/

footer {
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: black;	
	
}

footer > img {
height: 10%;	
}

/*
* About section
*/

.sections_view .about_section {
    min-height: 100vh;
    background: #000000;
    display: flex;
    height: 100vh;
    padding-left: 6%;
    padding-right: 12%;
}

.sections_view .about_section .title_part {
    width: 26%;
    display: flex;
    justify-content: center;
    height: 100%;
    position: relative;
    flex-direction: column;
    align-items: center;
}

.sections_view .about_section .title_part > div  {
	    transform: rotate(-90deg);
}
.sections_view .services_section .title_part > div,
.sections_view .about_section .title_part > div  {

    position: relative;	
	    padding-bottom: 11px;
}
.sections_view .about_section .title_part > div > span {

}
.sections_view .services_section .title_part > div > hr,
.sections_view .about_section .title_part > div > hr {
    background: white;
    height: 7px;
    margin: 0px;
    /* transform: rotate(-90deg); */
    width: 40%;
    position: absolute;
    /* right: 0px; */
    /* top: 5%; */
    /* bottom: 5px; */
    /* bottom: 33%; */
    /* right: 12%; */
    background: #008dff;
    border: none;
}
.sections_view .about_section .content {
    height: 100%;
    background: #000;
    width: 56%;
    /* display: inline-block; */
	
	
	
	/* temps work */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: SF UI Display Thin;
    font-size: 3rem;
    text-align: center;
}


.sections_view .services_section {
    background: black;
    height: 100vh;
    /*border-top: 2px inset white;*/
    display: flex;
    padding: 5% 12%;
    flex-direction: column;
}

.sections_view .services_section .title_part {
height: 20%;	
}
.sections_view .services_section .title_part > div > hr {
	width: 15%;
}
.sections_view .services_section .content {
    width: 100%;
    height: 80%;	
}
@media only screen and (max-width: 768px) {
	html {
		font-size: 100%;
	}
	.sections_view > section.video_section > .text_container {
	    width: 100%;
		justify-content: center;
		text-align: center;
	}
	.commonTitle,
	.sections_view > section.video_section > .text_container .title {
		font-size: 2.4rem;
	}
	
	header {
		flex-direction: column;
		padding: 5%;
	}
	header > div > a {
		font-size: 1rem;
		margin: 12px;	
	}
	
	.sections_view .about_section {
		padding-left: 0%;
		padding-right: 6%;
	}
	
	.sections_view .about_section .title_part {
		width: 29%;
	}
	
	.sections_view .about_section .content {
		width: 65%;
	}
	.sections_view .video_section .shadow1 {
		height: 6%;
		bottom: -2%;
	}
}