#sec-1 {
    background-color: #211D33;
    color: #FAF8F3;
}

#sec-2 {
    min-height: unset;
    background-color: #FAF8F3;
    color: #211D33;
	border-radius: 20px;
	overflow:hidden;
	padding-top:0px !important;
	padding-bottom:0px !important;
}

#sec-3 {
    background-color: #FFE4B0;
    color: #211D33;
	border-radius: 20px;
}

#sec-1 img {
    max-height: 475px;
}

#sec-1 > div {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

#sec-3 > div {
    justify-content: center;
	align-content: center;
	height: 100%;
}

#sec-3 img {
    height: 100%;
    width: auto;
    justify-content: center;
}

#sec-3 p {
    font-size: 30px;
}

#sec-1 img {
    width: 100%;
    max-width: 500px;
}

#sec-2 img {
    height: 100%;
    width: auto;
    object-fit: contain;
    max-height: 720px;
}

#hero-offset {
	text-align:left !important;
}

#hero-content {
	text-align: left !important;
}

.col-12.col-lg-4.mx-3.mx-lg-5.col-content {
	text-align:left !important;
}

.col-7 {
	width: 45.333333%;
}

#team-wrapper {
	overflow: hidden !important;
	margin-right: 0px;
	justify-content: left !important;
}

#team-wrapper-fr {
	overflow: hidden !important;
	margin-right: 0px;
	justify-content: left !important;
}

#team-wrapper p {
	padding-left: 0px !important;
}

#team-wrapper-fr p {
	padding-left: 0px !important;
}

#work-img {
	margin-bottom: -10px !important;
}

@media only screen and (max-width: 768px) {

    #sec-2 img, #sec-3 img {
        width: 100%;
        height: auto;
    }

    #sec-1 .col-content, #sec-3 .col-content {
        padding-right: 35px;
        padding-left: 35px;
    }

    .body-icon {
        width: 50% !important;
    }

}

/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 768px) {
	
	#sec-1 {
		margin-bottom: 60px;
	}
	
	#hero-offset {
		margin-left: 0px !important;
	}
	
	#hero-content {
		width: 100% !important;
	}
	
	#work-wrapper {
		padding: 0px 0px 0px 0px !important;
		margin: 0 !important;
	}
	
	#work-content {
		padding: 36px 30px 0px 30px!important;
	}
	
	#team-wrapper {
		margin: 0px 0px 0px 0px !important;
		background: url('../img/img_about_sec3.svg') 0% 0% no-repeat !important;
		background-size: 480px !important;
		height: 70%;
	}
	
	#team-wrapper-fr {
		margin: 0px 0px 0px 0px !important;
		background: url('../img/img_about_sec3.svg') 0% 0% no-repeat !important;
		background-size: 480px !important;
		height: 50%;
	}
	
	#team-content {
		margin: 60px 0px !important;
		padding-left: 20px;
	}
	
	#sec-3 {
		padding: 0px !important;
		margin-bottom: 60px; 
		margin-top: 60px;
	}
	
	#hero-content {
		margin-top: 30px !important;
	}
	
	#technology-img {
		order: 0 !important;
		max-width: 100%;
		margin-top: 60px;
		padding: 0px;
	}
	
	#technology-content {
		order: 1 !important;
	}
	
	#technology-content h2  {
		padding: 0px;
	}
	
	#technology-content p  {
		padding: 0px;
	}
	
	.col-content .row {
		margin: 0;
	}
	
	/*.col-7 {
		width: 100%;
	}*/
	
	#work-img {
		padding: 30px 30px 0px 30px;
		margin-bottom: -100px !important;
	}
	
	#work-img-wrapper {
		width: 100%;
	}
}

/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 990px) {
	
	#d-hero-img {
		display: none !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 1280px) {

    #sec-1 {
        border-bottom: none;
    }

    #sec-1 .body {
        margin-top: 10px;
    }

    #sec-1 .header {
        padding: 40px 10px 17px;
    }

    #sec-1 .body-1 {
        padding: 0 40px;
    }

    #sec-1 .body-2 {
        padding: 0 25px;
    }

    #sec-1 h2, #sec-1 p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 120%;
        /*letter-spacing: -.05em;*/
    }
	#sec-1 p {
		margin-right:0px !important;
		margin-left:0px !important;
	}

    #sec-2 {
        min-height: unset;
        padding-bottom: 0;
    }
	
	#hero-offset {
		margin-left: 0px !important;
	}
	
	/*.col-lg-4 {
		width: 100%;
	}*/
	
	#platforms-content {
		order: 1 !important;
		margin-bottom: 60px;
	}
	
	#platforms-img {
		order: 0 !important;
	}

	#support-content {
		width:100%;
	}
	
	#d-hero-img {
		display: none !important;
	}
	
	#m-hero-img {
		display: block !important;
	}
	
	#hero-img {
		max-width: 320px;
		/*margin: 60px 0px 0px 0px !important;*/
		padding: 0px !important;
	}
	
	#team-content {
		width: 100%;
	}
	
	#team-content-fr {
		width: 100%;
	}
	
	#work-content {
		width: 100%;
	}
	#work-img {
		width: 100% !important;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1281px) {
	
	#sec-2 {
		height: 570px;
	}
	#sec-3 {
		padding: 0px !important;
		height: 550px;
	}
	
	#hero-content {
		padding-right:5px !important;
		width: 50% !important;
		margin-top: 0px !important;
	}

	#hero-offset {
		margin-left:-205px !important;
	}
	
	#work-wrapper {
		padding: 60px 60px 0px 60px !important;
	}
	
	#work-img {
		width: 100% !important;
		padding: 75px 0px 0px 0px;
		margin-bottom: -90px !important;
	}
	
	#work-content {
		width: 50% !important;
		padding-bottom: 0px;
	}
	
	#team-wrapper {
		background: transparent url('../img/img_about_sec3.svg') 0% 0% no-repeat !important;
		height: 550px !important;
		margin-right: 60px;
		justify-content: right !important;
	}
	
	#team-wrapper-fr {
		background: transparent url('../img/img_about_sec3.svg') 160% 0% no-repeat !important;
		height: 550px !important;
		margin-right: 60px;
		justify-content: right !important;
		width: 75% !important;
	}
	
	#team-content {
		width: 75% !important;
		padding-left: 0px;
		margin-top: 0px !important;
	}
	
	/*.col-7 {
		width: 45.333333% !important;
	}*/
	
	/*.col-lg-4 {
		width: 75% !important;
	}*/
	
	#work-img-wrapper {
		width: 45.333333%!important;
	}

	h1.fr {
		font-size: 80px !important;
		line-height: 85px !important;
	}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 769px) {
	
	.col.col-content.order-0.order-lg-1 {
		order: 1 !important;
	}
	
	.col-md-12.col-lg-6.col-img.order-1.order-lg-0.left {
		order: 0 !important;
	}
	
	#work-wrapper {
		padding: 0px 60px 0px 60px !important;
	}
	
	#technology-img {
		max-width: 225px !important;
		padding-left: 20px;
	}

	#hero-content {
		width: 100%;
		margin-top: -70px;
		padding-left: 0px;
	}
	
	#team-content {
		margin-top: 0px !important;
		padding: 60px !important;
	}
	
	#hero-offset h1 {
		margin-top: 0px;
		padding: 0px;
	}
	
	#hero-offset p {
		padding: 0px;
	}
	
	/*#sec-1 .row.content div img {
		padding-top: 60px !important;
	}*/
	
	#team-wrapper {
		background: transparent url('../img/img_about_sec3.svg') no-repeat 80% 50%;
		height: 400px;
		margin-left: 0px;
	}
	
	#team-wrapper-fr {
		background: transparent url('../img/img_about_sec3.svg') no-repeat 80% 50%;
		height: 400px;
		padding-left: 60px;
		margin-left: 0px !important;
	}
	
	/*.col-7 {
		width: 100%;
	}*/
	
	#work-content {
		padding: 0px 0px 30px 0px !important;
		margin: 0 !important;
	}
	
	#sec-3 {
		padding: 0px !important;
		margin-top: 60px;
	}
	
	#work-img-wrapper {
		width: 100%;
	}
	
	#work-img {
		margin-bottom: -140px !important;
	}
}