@charset "utf-8";
/* CSS Document */

/*@import url(../c/2090551770be22b09600a40b0b4673b7-family-Avenir-Medium.css);
@import url(../c/275de2221d9f0c4c9257d17f5a1e4006-family-Avenir-Black.css);
@import url(../c/331ec49c0d78e469c42c1d814dd45838-family-Avenir-Book.css);
@import url(../c/1a045963159927274c92b0444fb83c17-family-Avenir.css);
@import url(../c/901497541657a2f24e42848bcf7fad52-family-Avenir-Heavy.css);
*/

/*@font-face {font-family: "Avenir Medium"; src: url("../t/2090551770be22b09600a40b0b4673b7.eot"); src: url("../t/2090551770be22b09600a40b0b4673b7.eot#iefix") format("embedded-opentype"), url("../t/2090551770be22b09600a40b0b4673b7.woff") format("woff2"), url("../t/2090551770be22b09600a40b0b4673b7.woff") format("woff"), url("../t/2090551770be22b09600a40b0b4673b7.ttf") format("truetype"), url("../t/2090551770be22b09600a40b0b4673b7.svg") format("svg"); }

@font-face {font-family: "Avenir Black"; src: url("../t/275de2221d9f0c4c9257d17f5a1e4006.eot"); src: url("../t/275de2221d9f0c4c9257d17f5a1e4006.eot#iefix") format("embedded-opentype"), url("../t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff2"), url("../t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff"), url("../t/275de2221d9f0c4c9257d17f5a1e4006.ttf") format("truetype"), url("../t/275de2221d9f0c4c9257d17f5a1e4006.svg") format("svg"); }

@font-face {font-family: "Avenir Book"; src: url("../t/331ec49c0d78e469c42c1d814dd45838.eot"); src: url("../t/331ec49c0d78e469c42c1d814dd45838.eot#iefix") format("embedded-opentype"), url("../t/331ec49c0d78e469c42c1d814dd45838.woff") format("woff2"), url("../t/331ec49c0d78e469c42c1d814dd45838.woff") format("woff"), url("../t/331ec49c0d78e469c42c1d814dd45838.ttf") format("truetype"), url("../t/331ec49c0d78e469c42c1d814dd45838.svg") format("svg"); }

@font-face {font-family: "Avenir"; src: url("../t/1a045963159927274c92b0444fb83c17.eot"); src: url("../t/1a045963159927274c92b0444fb83c17.eot#iefix") format("embedded-opentype"), url("../t/1a045963159927274c92b0444fb83c17.woff") format("woff2"), url("../t/1a045963159927274c92b0444fb83c17.woff") format("woff"), url("../t/1a045963159927274c92b0444fb83c17.ttf") format("truetype"), url("../t/1a045963159927274c92b0444fb83c17.svg") format("svg"); }

@font-face {font-family: "Avenir Heavy"; src: url("../t/901497541657a2f24e42848bcf7fad52.eot"); src: url("../t/901497541657a2f24e42848bcf7fad52.eot#iefix") format("embedded-opentype"), url("../t/901497541657a2f24e42848bcf7fad52.woff") format("woff2"), url("../t/901497541657a2f24e42848bcf7fad52.woff") format("woff"), url("../t/901497541657a2f24e42848bcf7fad52.ttf") format("truetype"), url("../t/901497541657a2f24e42848bcf7fad52.svg") format("svg"); }*/
@font-face {
	font-family: "Avenir Book";
	src: url("https:../t/331ec49c0d78e469c42c1d814dd45838.eot"); /* IE9*/
	src: url("https:../t/331ec49c0d78e469c42c1d814dd45838.eot#iefix") format("embedded-opentype"), / IE6-IE8 / url("https:../t/331ec49c0d78e469c42c1d814dd45838.woff") format("woff2"), / chrome firefox / url("https:../t/331ec49c0d78e469c42c1d814dd45838.woff") format("woff"), / chrome firefox / url("https://www.servcity.co.uk/css/:/db.onlinewebfonts.com/t/331ec49c0d78e469c42c1d814dd45838.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("../t/331ec49c0d78e469c42c1d814dd45838.svg") format("svg");
}

@font-face {
	font-family: "Avenir Medium";
	src: url("https:../t/2090551770be22b09600a40b0b4673b7.eot"); /* IE9*/
	src: url("https:../t/2090551770be22b09600a40b0b4673b7.eot#iefix") format("embedded-opentype"), / IE6-IE8 / url("https:../t/2090551770be22b09600a40b0b4673b7.woff") format("woff2"), / chrome firefox / url("https:../t/2090551770be22b09600a40b0b4673b7.woff") format("woff"), / chrome firefox / url("https:../t/2090551770be22b09600a40b0b4673b7.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("../t/2090551770be22b09600a40b0b4673b7.svg") format("svg");
}

@font-face {
	font-family: "Avenir Black";
	src: url("https:../t/275de2221d9f0c4c9257d17f5a1e4006.eot"); /* IE9*/
	src: url("https:../t/275de2221d9f0c4c9257d17f5a1e4006.eot#iefix") format("embedded-opentype"), / IE6-IE8 / url("https:../t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff2"), / chrome firefox / url("https:../t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff"), / chrome firefox / url("https:../t/275de2221d9f0c4c9257d17f5a1e4006.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("../t/275de2221d9f0c4c9257d17f5a1e4006.svg") format("svg");
}

@font-face {
	font-family: "Avenir";
	src: url("https:../t/1a045963159927274c92b0444fb83c17.eot"); /* IE9*/
	src: url("https:../t/1a045963159927274c92b0444fb83c17.eot#iefix") format("embedded-opentype"), / IE6-IE8 / url("https:../t/1a045963159927274c92b0444fb83c17.woff") format("woff2"), / chrome firefox / url("https:../t/1a045963159927274c92b0444fb83c17.woff") format("woff"), / chrome firefox / url("https:../t/1a045963159927274c92b0444fb83c17.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("../t/1a045963159927274c92b0444fb83c17.svg") format("svg");
}

@font-face {
	font-family: "Avenir Heavy";
	src: url("https:../t/901497541657a2f24e42848bcf7fad52.eot"); /* IE9*/
	src: url("https:../t/901497541657a2f24e42848bcf7fad52.eot#iefix") format("embedded-opentype"), / IE6-IE8 / url("https:../t/901497541657a2f24e42848bcf7fad52.woff") format("woff2"), / chrome firefox / url("https:../t/901497541657a2f24e42848bcf7fad52.woff") format("woff"), / chrome firefox / url("https:../t/901497541657a2f24e42848bcf7fad52.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("../t/901497541657a2f24e42848bcf7fad52.svg") format("svg");
}

body{
	font-family: "Avenir";
	font-size: 1.3rem;
	color: #2bb98e;
}
h1, h2, .h1, .h2{
	font-family: "Avenir Medium";
}
.bg-blue {
    background-color: #28409a !important;
}
.bg-yellow{
	background-color: #fdcd07;
}
.bg-green{
	background-color: #2bb98e;
}
.bg-pink{
	background-color: #f69fb9;
}
.navbar-brand{
	max-width: 270px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #fdcd07;
}
.btn-lg, .btn-group-lg > .btn, .btn{
	border-radius: 0;
}
.btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:focus, .btn-primary.focus{
    color: #fff;
    background-color: #e5392c;
    border-color: #e5392c;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #e5392c;
    border-color: #e5392c;
    box-shadow: 0 0 0 0.2rem rgba(229, 57, 44, 0.3);
}
.form-control{
	border-radius: 0;
	background-color: #f69fb9;
	color: #fff;
	text-align: center;
    font-size: 1.2rem;
	border:0;
}
.form-control:focus {
    color: #fff;
    background-color: #f69fb9;
    border-color: #f69fb9;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(246, 159, 185, 0.25);
}
.form-control::-webkit-input-placeholder { color: white; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: white; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: white; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: white; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: white; }  /* Microsoft Edge */


.footer-section{
	padding: 1.5rem 2rem;	
}
.footer-section .navbar-brand{
	max-width: 225px;
}
.footer-section .links a{
	color: #fff;
	padding: 1rem 1.5rem;
	display: inline-block;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("../images/menu.png");
}
.navbar-dark .navbar-toggler{
	border: none;
	outline: none;
}
#technologyModal .modal-content{
	border-radius: 0;
    border: none;
    color: #28409a;
    background-color: #fdcd07;
    font-size: 2rem;
}
#peopleModal .modal-content{
	border-radius: 0;
    border: none;
    color: #28409a;
    background-color: #2bb98e;
    font-size: 2rem;
}
#scalabilityModal .modal-content{
	border-radius: 0;
    border: none;
    color: #28409a;
    background-color: #f69fb9;
    font-size: 2rem;
}
.modal-content .servCity-areas .img-thumbnail{
	padding: 0;
	margin: 0;
	max-width: 250px;
}
.modal-content .close {
    float: none;
    position: absolute;
    right: 20px;
    font-size: 5.5rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
	outline: none;
}
@media(max-width: 990px){
	.navbar .navbar-collapse{
		position: fixed;
		top: 80px;
		right: 10px;
		bottom: auto;
		left: auto;
		z-index: 9999;
		overflow-y: auto;
		background: #ffffff;
		transition: ease-in-out 0.2s;
		opacity: 1;
		visibility: visible;
		border-radius: 10px;
		padding: 10px 0;
		max-width: 300px;
		width: 100%;
		box-shadow: -3px 3px 10px #192d76;
	}
	.navbar-dark .navbar-nav .nav-link{
		color: #28409a;
		text-align: right;
		font-size: 1.5rem;
		padding: 0.5rem 2rem !important;
		border-bottom: 1px solid #e2e8fe;
	}
	.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
		color: #28409a;
	}
	.navbar-dark .navbar-nav .nav-item:last-child .nav-link{
		border-bottom: 0;
	}
}
@media (max-width: 767px){
	nav.navbar{
		padding: 1rem 0.5rem 1rem 1rem;
	}
	.section{
		padding: 3.5rem 0.5rem 5rem;
	}
	
	.form-control{
		padding: 0.9rem 2rem;
		font-size: 1.5rem;
		height: calc(1.6em + 0.75rem + 2px);
	}
	/*-------------------*/
	.block-content .speech-bubble-left{
		height: 250px;
		width: 250px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right{
		height: 250px;
		width: 270px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right .content{
		padding: 85px 40px 10px 42px;
		font-size: 1.5rem;
		line-height: 1.2;
		text-align: right;
	}
	.block-content .bg-white{
		padding: 25% 15%;
	}
	.block-content .bg-white h3{
		font-size: 1.5rem;
		line-height: 1.5;
		color: #28409a;
	}
	.block-content .bg-blue{
		padding: 80px 17%;
		position: absolute;
		height: 100%;
	}
	.block-content .bg-blue h3{
		font-size: 1.6rem;
		line-height: 1.5;
		color: #fff;
	}
	.speech-bubble-right.green{
		height: 530px;
		width: 75%;
	}
	.banner .speech-bubble-left{
		height: 250px;
		width: 250px;
		float: left;
	}
	.speech-bubble-left .content{
		padding: 65px 30px 10px 40px;
		font-size: 1.5rem;
		line-height: 1.2;
	}
	 .speech-bubble-right .content{
		padding: 120px 45px 10px 45px;
		font-size: 1.5rem;
		line-height: 1.2;
		text-align: right;
	}
	.banner .speech-bubble-right.green{
		height: 250px;
		width: 270px;
		float: right;
	}
	.banner .speech-bubble-right.red{
		height: 250px;
		width: 270px;
		float: right;
	}
	.banner .speech-bubble-right.yellow{
		height: 250px;
		width: 270px;
		float: right;
	}
	.navbar-brand{
		max-width: 180px;
	}
	body {
		font-size: 1.3rem;
	}
	.banner.section{
		padding: 3rem 2rem 5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	h1, .h1{
		font-size: 2.2rem;
		line-height: 1.3;
		color: #28409a;
		margin-bottom: 30px;
	}
	p{
		font-size: 1.3rem;
		margin-bottom: 1.6rem;
	}
	.btn-lg, .btn-group-lg > .btn, .btn{
		font-size: 1.3rem;
		padding: 0.5rem 1.5rem;
	}
	#partners .img-thumbnail{
		padding: 1.5rem 0.5rem !important;
	}
	.footer-section .navbar-brand {
		max-width: 150px;
	}
	.footer-section .links a {
		color: #fff;
		padding: 1rem 1.5rem 1rem 0;
		display: inline-block;
	}
	.servCity-areas .content-block{
		padding: 2rem 2rem 4rem;
	}
	.servCity-areas .img-thumbnail{
		background-color: transparent;
		border: none;
		padding: 1rem 5rem;
		max-width: 400px;
		margin: 0 auto;
	}
	.servCity-areas h2, .partners h2{
		color: #28409a;
		font-size: 1.9rem;
		line-height: 1.3;
		margin-bottom: 1.3rem;
	}
	.servCity-areas p, .servCity-areas a, .partners p, .bg-yellow p, .bg-yellow a{
		color: #28409a;
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.about .speech-bubble-left .content, .project .speech-bubble-left .content{
		padding: 43px 24px 10px 48px;
	}
	.about .speech-bubble-right .content{
		padding: 95px 40px 10px 56px;
	}
}
@media (min-width: 768px){
	nav.navbar{
		/*height: 108px;*/
		padding: 1rem 2rem;
	}
	.section{
		padding: 4.5rem 2rem 5rem;
	}
	.container-fluid{
		width: calc(100% - 180px)
	}
	.form-control{
		padding: 0.9rem 2rem;
		font-size: 1.5rem;
		height: calc(1.6em + 0.75rem + 2px);
	}
	/*-------------------*/
	.block-content .speech-bubble-left{
		height: 300px;
		width: 300px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right{
		height: 300px;
		width: 320px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right .content{
		padding: 135px 30px 10px 45px;
		font-size: 1.6rem;
		line-height: 1.2;
		text-align: right;
	}
	.block-content .bg-white{
		padding: 25% 15%;
	}
	.block-content .bg-white h3{
		font-size: 1.5rem;
		line-height: 1.5;
		color: #28409a;
	}
	.block-content .bg-blue{
		padding: 80px 17%;
		position: absolute;
		height: 100%;
	}
	.block-content .bg-blue h3{
		font-size: 1.6rem;
		line-height: 1.5;
		color: #fff;
	}
	.speech-bubble-right.green{
		height: 530px;
		width: 75%;
	}
	.banner .speech-bubble-left{
		height: 300px;
		width: 300px;
		float: right;
	}
	.speech-bubble-left .content{
		padding: 100px 30px 10px 40px;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	 .speech-bubble-right .content{
		padding: 160px 60px 10px 60px;
		font-size: 1.6rem;
		line-height: 1.2;
		text-align: right;
	}
	.banner .speech-bubble-right.green{
		height: 300px;
		width: 320px;
		float: left;
	}
	.banner .speech-bubble-right.red{
		height: 300px;
		width: 320px;
		float: left;
	}
	.banner .speech-bubble-right.yellow{
		height: 300px;
		width: 320px;
		float: left;
	}
	.navbar-brand{
		max-width: 250px;
	}
	body {
		font-size: 1.3rem;
	}
	.banner.section{
		padding: 3rem 2rem 5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	h1, .h1{
		font-size: 3rem;
		line-height: 1.3;
		color: #28409a;
		margin-bottom: 50px;
	}
	p{
		font-size: 1.3rem;
		margin-bottom: 1.6rem;
	}
	.btn-lg, .btn-group-lg > .btn, .btn{
		font-size: 1.3rem;
		padding: 0.5rem 1.5rem;
		min-width: 190px;
	}
	.content-paragraph{
		margin: 0 12% 2rem;	
	}
	.servCity-areas .content-block{
		padding: 2rem 1rem;
	}
	.servCity-areas .img-thumbnail{
		background-color: transparent;
		border: none;
		padding: 1rem 3.5rem;
		max-width: 400px;
		margin: 0 auto;
	}
	.servCity-areas h2, .partners h2{
		color: #28409a;
		font-size: 1.9rem;
		line-height: 1.3;
		margin-bottom: 1.3rem;
	}
	.servCity-areas p, .servCity-areas a, .partners p, .bg-yellow p, .bg-yellow a{
		color: #28409a;
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.about .speech-bubble-left .content{
		padding: 90px 16px 10px 42px;
	}
	.about .speech-bubble-right .content{
		padding: 130px 50px 10px 70px;
	}
	
}
@media (min-width: 996px){
	nav.navbar{
		/*height: 108px;*/
		padding: 1rem 2rem;
	}
	.section{
		padding: 4.5rem 2rem 5rem;
	}
	.container-fluid{
		width: calc(100% - 180px)
	}
	.form-control{
		padding: 0.9rem 2rem;
		font-size: 1.5rem;
		height: calc(1.6em + 0.75rem + 2px);
	}
	/*-------------------*/
	.block-content .speech-bubble-left{
		height: 360px;
		width: 360px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right{
		height: 360px;
		width: 380px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right .content{
		padding: 160px 35px 10px 65px;
		font-size: 2rem;
		line-height: 1.2;
		text-align: right;
	}
	.block-content .bg-white{
		padding: 20% 15%;
	}
	.block-content .bg-white h3{
		font-size: 1.9rem;
		line-height: 1.5;
		color: #28409a;
	}
	.block-content .bg-blue{
		padding: 80px 17%;
		position: absolute;
		height: 100%;
	}
	.block-content .bg-blue h3{
		font-size: 1.9rem;
		line-height: 1.5;
		color: #fff;
	}
	.speech-bubble-right.green{
		height: 530px;
		width: 75%;
	}
	.banner .speech-bubble-left{
		height: 360px;
		width: 360px;
		float: right;
	}
	.speech-bubble-left .content{
		padding: 120px 42px 10px 45px;
		font-size: 2rem;
		line-height: 1.2;
	}
	 .speech-bubble-right .content{
		padding: 195px 70px 10px 80px;
		font-size: 2rem;
		line-height: 1.2;
		text-align: right;
	}
	.banner .speech-bubble-right.green{
		height: 360px;
		width: 380px;
		float: left;
	}
	.banner .speech-bubble-right.red{
		height: 360px;
		width: 385px;
		float: left;
	}
	.banner .speech-bubble-right.yellow{
		height: 360px;
		width: 385px;
		float: left;
	}
	.navbar-brand{
		max-width: 250px;
	}
	body {
		font-size: 1.3rem;
	}
	.banner.section{
		padding: 3rem 2rem 5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	h1, .h1{
		font-size: 3.5rem;
		line-height: 1.3;
		color: #28409a;
		margin-bottom: 50px;
	}
	p{
		font-size: 1.3rem;
		margin-bottom: 1.6rem;
	}
	.btn-lg, .btn-group-lg > .btn, .btn{
		font-size: 1.3rem;
		padding: 0.5rem 1.5rem;
		min-width: 190px;
	}
	.content-paragraph{
		margin: 0 12% 2rem;	
	}
	.servCity-areas .content-block{
		padding: 4rem 2rem 6rem;
		height: 100%;
		position: relative;
	}
	.servCity-areas .img-thumbnail{
		background-color: transparent;
		border: none;
		padding: 1rem 3.5rem;
		max-width: 400px;
		margin: 0 auto;
	}
	.servCity-areas h2, .partners h2{
		color: #28409a;
		font-size: 2.2rem;
		line-height: 1.3;
		margin-bottom: 1.3rem;
	}
	.servCity-areas p, .servCity-areas a, .partners p, .bg-yellow p, .bg-yellow a{
		color: #28409a;
		font-size: 1.5rem;
		line-height: 1.3;
	}
	.about .speech-bubble-left .content{
		padding: 90px 20px 10px 42px;
	}
	.about .speech-bubble-right .content{
		padding: 150px 50px 10px 95px;
	}
	.project .speech-bubble-right .content{
		padding: 170px 70px 10px 80px;
	}
	.servCity-areas .readmore{
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 65px;
	}
}
@media (min-width: 1200px){
	nav.navbar{
		/*height: 108px;*/
		padding: 1rem 2rem;
	}
	.section{
		padding: 4.5rem 2rem 5rem;
	}
	.container-fluid{
		width: calc(100% - 180px)
	}
	.form-control{
		padding: 0.9rem 2rem;
		font-size: 1.5rem;
		height: calc(1.6em + 0.75rem + 2px);
	}
	/*-------------------*/
	.block-content .speech-bubble-left{
		height: 440px;
		width: 440px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right{
		height: 440px;
		width: 450px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right .content{
		padding: 215px 50px 10px 80px;
		font-size: 2.3rem;
		line-height: 1.2;
		text-align: right;
	}
	.block-content .bg-white{
		padding: 19% 20%;
	}
	.block-content .bg-white h3{
		font-size: 2.1rem;
		line-height: 1.5;
		color: #28409a;
	}
	.block-content .bg-blue{
		padding: 135px 17%;
		position: absolute;
		height: 100%;
	}
	.block-content .bg-blue h3{
		font-size: 2.1rem;
		line-height: 1.5;
		color: #fff;
	}
	.speech-bubble-right.green{
		height: 530px;
		width: 75%;
	}
	.banner .speech-bubble-left{
		height: 430px;
		width: 430px;
		float: right;
	}
	.speech-bubble-left .content{
		padding: 150px 60px 10px 70px;
		font-size: 2.3rem;
		line-height: 1.2;
	}
	 .speech-bubble-right .content{
		padding: 230px 80px 10px 95px;
		font-size: 2.3rem;
		line-height: 1.2;
		text-align: right;
	}
	.banner .speech-bubble-right.green{
		height: 430px;
		width: 450px;
		float: left;
	}
	.banner .speech-bubble-right.red{
		height: 430px;
		width: 455px;
		float: left;
	}
	.banner .speech-bubble-right.yellow{
		height: 430px;
		width: 455px;
		float: left;
	}
	.navbar-brand{
		max-width: 270px;
	}
	body {
		font-size: 1.3rem;
	}
	.banner.section{
		padding: 3rem 2rem 5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	h1, .h1{
		font-size: 4.0rem;
		line-height: 1.3;
		color: #28409a;
		margin-bottom: 50px;
	}
	p{
		font-size: 1.4rem;
		margin-bottom: 1.6rem;
	}
	.btn-lg, .btn-group-lg > .btn, .btn{
		font-size: 1.5rem;
		padding: 0.5rem 1.5rem;
		min-width: 190px;
	}
	.content-paragraph{
		margin: 0 15% 2rem;	
	}
	.servCity-areas .content-block{
		padding: 4rem 3rem 6rem;
	}
	.servCity-areas .img-thumbnail{
		background-color: transparent;
		border: none;
		padding: 1rem 3rem;
		max-width: 400px;
		margin: 0 auto;
	}
	.servCity-areas h2, .partners h2{
		color: #28409a;
		font-size: 2.8rem;
		line-height: 1.3;
		margin-bottom: 1.5rem;
	}
	.servCity-areas p, .servCity-areas a, .partners p, .bg-yellow p, .bg-yellow a{
		color: #28409a;
		font-size: 1.7rem;
		line-height: 1.3;
	}
	.about .speech-bubble-left .content{
		padding: 122px 43px 10px 55px;
	}
	.about .speech-bubble-right .content{
		padding: 185px 80px 10px 95px;
	}
	.project .speech-bubble-right .content{
		padding: 200px 80px 10px 95px;
	}
	
}
@media (min-width: 1400px){
	nav.navbar{
		/*height: 108px;*/
		padding: 1rem 2rem;
	}
	.section{
		padding: 4.5rem 2rem 5rem;
	}
	.container-fluid{
		width: calc(100% - 180px)
	}
	.form-control{
		padding: 0.9rem 2rem;
		font-size: 1.5rem;
		height: calc(1.6em + 0.75rem + 2px);
	}
	/*-------------------*/
	.block-content .speech-bubble-left{
		height: 535px;
		width: 535px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right{
		height: 535px;
		width: 550px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right .content{
		padding: 245px 55px 10px 100px;
		font-size: 2.8rem;
		line-height: 1.2;
		text-align: right;
	}
	.block-content .bg-white{
		padding: 23% 20%;
	}
	.block-content .bg-white h3{
		font-size: 2.4rem;
		line-height: 1.5;
		color: #28409a;
	}
	.block-content .bg-blue{
		padding: 145px 17%;
		position: absolute;
		height: 100%;
	}
	.block-content .bg-blue h3{
		font-size: 2.4rem;
		line-height: 1.5;
		color: #fff;
	}
	.speech-bubble-right.green{
		height: 530px;
		width: 75%;
	}
	.banner .speech-bubble-left{
		height: 535px;
		width: 535px;
		float: right;
	}
	.speech-bubble-left .content{
		padding: 170px 55px 10px 80px;
		font-size: 2.8rem;
		line-height: 1.2;
	}
	 .speech-bubble-right .content{
		padding: 255px 80px 10px 120px;
		font-size: 2.8rem;
		line-height: 1.2;
		text-align: right;
	}
	.banner .speech-bubble-right.green{
		height: 515px;
		width: 530px;
		float: left;
	}
	.banner .speech-bubble-right.red{
		height: 515px;
		width: 530px;
		float: left;
	}
	.banner .speech-bubble-right.yellow{
		height: 515px;
		width: 530px;
		float: left;
	}
	.navbar-brand{
		max-width: 300px;
	}
	body {
		font-size: 1.3rem;
	}
	.banner.section{
		padding: 3rem 2rem 5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	h1, .h1{
		font-size: 4.6rem;
		line-height: 1.3;
		color: #28409a ;
	}
	p{
		font-size: 1.4rem;
		margin-bottom: 1.6rem;
	}
	.btn-lg, .btn-group-lg > .btn, .btn{
		font-size: 1.5rem;
		padding: 0.5rem 1.5rem;
		min-width: 190px;
	}
	.content-paragraph{
		margin: 0 10% 2rem;	
	}
	.servCity-areas .content-block{
		padding: 4rem 5rem 6rem;
	}
	.servCity-areas .img-thumbnail{
		background-color: transparent;
		border: none;
		padding: 1rem 3rem;
		max-width: 400px;
		margin: 0 auto;
	}
	.servCity-areas h2, .partners h2{
		color: #28409a;
		font-size: 3.3rem;
		line-height: 1.3;
		margin-bottom: 2rem;
	}
	.servCity-areas p, .servCity-areas a, .partners p, .bg-yellow p, .bg-yellow a{
		color: #28409a;
		font-size: 1.8rem;
		line-height: 1.3;
	}
	.about .speech-bubble-left .content{
		padding: 170px 55px 10px 80px;
	}
	.about .speech-bubble-right .content{
		padding: 255px 80px 10px 120px;
	}
	.project .speech-bubble-right .content{
		padding: 255px 80px 10px 120px;
	}
}
.speech-bubble-left{
	color: #fff;
	font-family: "Avenir Black";
}
.speech-bubble-right{
	color: #fff;
	font-family: "Avenir Black";
}
.speech-bubble-left.yellow{
	background-image: url("../images/left-yellow-bubble.png");
	background-repeat: no-repeat;	
	background-size: cover;
}
.speech-bubble-right.green{
	background-image: url("../images/right-green-bubble.png");
	background-repeat: no-repeat;	
	background-size: cover;
}
.speech-bubble-right.red{
	background-image: url("../images/right-red-bubble.png");
	background-repeat: no-repeat;	
	background-size: cover;
}
.speech-bubble-left.pink{
	background-image: url("../images/left-pink-bubble.png");
	background-repeat: no-repeat;	
	background-size: cover;
}
.speech-bubble-left.red{
	background-image: url("../images/left-red-bubble.png");
	background-repeat: no-repeat;	
	background-size: cover;
}
.speech-bubble-right.yellow{
	background-image: url("../images/right-yellow-bubble.png");
	background-repeat: no-repeat;	
	background-size: cover;
}
.speech-bubble-left.green{
	background-image: url("../images/left-green-bubble.png");
	background-repeat: no-repeat;	
	background-size: cover;
}
#partners .img-thumbnail{
	background-color: transparent;
	border: none;
	padding: 1.5rem;
}
@media (min-width: 1600px){
	.container-fluid{
		width: calc(100% - 280px)
	}
	.block-content .speech-bubble-left{
		height: 575px;
		width: 575px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right{
		height: 575px;
		width: 605px;
		margin: 0 auto;
	}
	.block-content .speech-bubble-right .content{
		padding: 190px 104px 10px 135px;
		font-size: 3rem;
		line-height: 1.2;
		text-align: right;
	}
	.block-content .bg-white{
		padding: 160px 20%;
	}
	.block-content .bg-white h3{
		font-size: 3rem;
		line-height: 1.5;
		color: #28409a;
	}
	.block-content .bg-blue{
		padding: 13% 18%;
		position: absolute;
		height: 100%;
	}
	.block-content .bg-blue h3{
		font-size: 3rem;
		line-height: 1.5;
		color: #fff;
	}
	.speech-bubble-right.green{
		height: 530px;
		width: 75%;
	}
	.banner .speech-bubble-left{
		height: 565px;
		width: 565px;
		float: right;
	}
	.speech-bubble-left .content{
		padding: 170px 48px 10px 80px;
		font-size: 3rem;
		line-height: 1.2;
	}
	 .speech-bubble-right .content{
		padding: 245px 80px 10px 120px;
		font-size: 3rem;
		line-height: 1.2;
		text-align: right;
	}
	.banner .speech-bubble-right.green{
		height: 530px;
		width: 555px;
		float: left;
	}
	.banner .speech-bubble-right.red{
		height: 530px;
		width: 555px;
		float: left;
	}
	.banner .speech-bubble-right.yellow{
		height: 530px;
		width: 555px;
		float: left;
	}
	
	.navbar-brand{
		max-width: 325px;
	}
	body {
		font-size: 1.5rem;
	}
	.banner.section{
		padding: 3rem 2rem 5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	h1, .h1{
		font-size: 5.5rem;
		line-height: 1.3;
		color: #28409a;		
	}
	p{
		font-size: 1.7rem;
		margin-bottom: 1.6rem;
	}
	.btn-lg, .btn-group-lg > .btn, .btn{
		font-size: 1.5rem;
		padding: 0.5rem 1.5rem;
		min-width: 190px;
	}
	.form-control{
		padding: 1.1rem 2rem;
		font-size: 1.7rem;
		height: calc(2em + 0.75rem + 2px);
	}
	.content-paragraph{
		margin: 0 10% 2rem;	
	}
	.servCity-areas .content-block{
		padding: 4rem 5rem 6.5rem;
	}
	.servCity-areas .img-thumbnail{
		background-color: transparent;
		border: none;
		padding: 1rem 3rem;
		max-width: 400px;
		margin: 0 auto;
	}
	.servCity-areas h2, .partners h2{
		color: #28409a;
		font-size: 3.5rem;
		line-height: 1.3;
		margin-bottom: 3rem;
	}
	.servCity-areas p, .servCity-areas a, .partners p, .bg-yellow p, .bg-yellow a{
		color: #28409a;
		font-size: 2rem;
		line-height: 1.3;
	}
	.about .speech-bubble-left .content{
		padding: 170px 48px 10px 80px;
	}
	.about .speech-bubble-right .content{
		padding: 245px 80px 10px 120px;
	}
	.project .speech-bubble-right .content{
		padding: 245px 80px 10px 120px;
	}
}