/* HTML base elements */
body {
	background-color: #D8DCFC;
	margin: 0;
    color: #4B5CED;
}

hr {
	border: 3px solid #D8DCFC;
  	border-radius: 3px;
}

/* Custom classes */
.container {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 0;
}

.container-full-width {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
}

.center {
    display: flex;
	justify-content: center;
}

/* Column based layout distribution */
.cols-2 {width: 50%;}
.cols-3 {width: 33.33%;}
.cols-4 {width: 25%;}
.col-gap-small {gap: 20px;}
.col-gap-medium {gap: 40px;}
.col-gap-large {gap: 60px;}

.layout-img {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	overflow: hidden;}
.layout-img-cont {
	width: 100%;
	max-height: 500px;
	object-fit: contain;
	overflow: hidden;}
.client-img {
	height: 100px;
	object-fit: contain;
	overflow: hidden;}

/* Text alignment */
.content-justify {text-align: justify;}
.content-center {text-align: center;}
.content-left {text-align: left;}
.content-right {text-align: right;}
.right-margin {margin-right: 20%;}
.left-margin {margin-left: 20%;}

/* Vertical alignment */
.valign-center {
	display:flex;
	align-items: center;}
.valign-top {
	display:flex;
	align-items: start;}
.valign-bottom {
	display:flex;
	align-items: end;}