body{
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding : 0;
}

html, body {
	width: 100%;
	height: 100%;
}

.header-banner {
	background-color: #325682;
	height: 100px;
}

.logo-head {
	height: 90px;
	width: 90px;
}

.image-bg {
	width: 100%;
	height: 480px;
    object-fit: cover;
}

#content {
	/* width: 100%;
	height: 910px; */
	/* background: url('support.jpg')top center no-repeat; */
}

.wrapper {
	max-width: 1200px;
	height: 100%;
    margin: auto;
    position: relative;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-warpper {
	max-width: 1200px;
    margin: auto;
    position: relative;
    padding: 0 15px;
    display: flex;
    align-items: center;
	flex-direction: column;
    justify-content: space-between;
}

.service-warpper span {
	margin: 50px 25px;
	text-transform: uppercase;
	font-weight: bold;
}

.ctn-flex-items-services {
	display: flex;
	justify-content: space-around;
	width: 100%;
	/* gap: 50px; */
}

.flex-items-services {
	width: 250px;
	height: 150px;
	display: flex;
	flex-direction: column;
    align-items: center;
	justify-content: center;
	gap: 15px;
	box-shadow: 5px 5px 15px 5px #0000002a;
	text-transform: uppercase;
	font-weight: bold;
}

#contact {
	float: right;
	text-align: right;
	color : #fff;
	padding-top: 15px;
}

#contact a, #contact p {
	font-size: 15px;
	margin : 0;
	text-decoration: none;
	color :#fff;
	line-height: 23px
}
.bold {
	font-weight: 700;
}

h1 {
	position: absolute;
	right: 0;
	display: block;
	width: 500px;
	top : 320px;
	font-weight: 300;
	color : #2C3B5C;
	text-align: right;
	font-size: 40px;
}

/*@media screen and (max-width: 1210px) {
	#wrapper {
		width: 100%;
	}
	
	#content {
	background-size : cover!important;
}
	
}
*/