/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
	--main-blue: #3e336b;
	--main-grey: #bac0c8;
	--about-white: #b1b0b0;
	--secondary-blue: #04031b;
	--secondary-grey: #ecedef;
	--nav-height: 75px;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body{
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,
	"Segoe UI",Roboto,"Helvetica Neue",
	Arial,"Noto Sans",sans-serif,"Apple Color Emoji",
	"Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #ecedef;
}

a {
	color: inherit;
	text-decoration: none;
}
section{
	position: relative;
	padding: 30px 40px;
}



.shadow{
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.margin-x-auto{
	margin-left: auto !important;
	margin-right: auto !important;
}

.align-center{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.s-col,.c-col,.f-col{
	position: relative;
	width: 100%;
	padding: 5px 10px;
}




/* --- Media --- */
@media (min-width: 900px){
	.s-col{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 25%;
		        flex: 0 0 25%;
	}
	.c-col{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 20%;
		        flex: 0 0 20%;
	}
	.f-col{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 30%;
		        flex: 0 0 30%;
	}
}

@media (min-width: 651px) and (max-width: 899px){
	.s-col{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33%;
		        flex: 0 0 33%;
	}
	.c-col{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33%;
		        flex: 0 0 33%;
	}
	.f-col{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 30%;
		        flex: 0 0 30%;
	}
}

@media (max-width: 650px){
	.c-col{
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
	}
	section{
		padding: 20px;
	}
}
@media (max-width: 360px){
	section.client{
		padding:20px 0;
	}
}