body{overflow: hidden;}
/* Preloader */
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 99;}
#status {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background: url(../images/loader.gif) no-repeat center; margin: -100px 0 0 -100px;}
body{font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
strong{font-weight: 700;}
.main-box{
	background: url(../images/side-background.jpg) repeat-y 101% top;
	display: grid;
	align-items: center;
    grid-column-gap: 30px;
    grid-template-columns: 5fr 2fr;
    grid-row-gap: 0px;}

 .main-box .item-box:nth-child(1) {
    grid-row: 1/4;
    background: url(../images/background.jpg) no-repeat center center;background-size: cover; 
    
   padding-top: 8px;padding-left: 10%;
}
.main-box .item-box:not(:nth-child(1)) {
	
}
.logo{margin: 7% 0 50px 0}
.company-intro {max-width: 70%}
.company-intro  h1{font-size: 42px;font-weight: 300;margin-bottom: 15px}
.company-intro  h1 strong{color:#D61F27}
.company-intro  h2{font-weight: 300;}
.side-item-box{text-align: center;position: relative;height: 100%;margin-right: 30px}
.side-item-box h2{font-size: 20px;text-transform: uppercase;font-weight: 300;margin-top: 15px}
.side-item-box a{position: absolute;top:0;right: 0;left:0;bottom: 0}
.side-item-box{border-bottom: 1px solid #ddd;}
.main-box .item-box:nth-child(4){border-bottom: none}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.main-box{display: block;padding:0}
	.main-box .item-box:nth-child(1){padding: 0;background-position: top;padding:  20px 15px}
	.company-intro  h1{font-size: 30px;}
	.logo{margin: 0 0 30px;text-align: center;}
	.company-intro{max-width: 100%}
	.side-item-box{height: auto;padding: 40px 0;margin-right: 0}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.main-box .item-box:nth-child(1) {height: auto}
}
@media only screen and (min-width: 1024px) {
	.main-box .item-box:nth-child(1) {height: auto;}
	.side-item-box{padding-top: 15%;height: auto}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.main-box .item-box:nth-child(1) {height: 100vh;}
	.side-item-box{padding-top: 15%;height: 100%}
}