@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');

body{
	font-family: 'Ubuntu', sans-serif;
}

a{
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
}

*{
	box-sizing:border-box;
}

img{
	max-width:100%;
	height:auto;
}

.navbar-brand{
    max-width:200px;   
}

#header{
    border-bottom:4px solid #174DA0;
}

#header > .navbar{
    max-width:1400px;
    margin:0 auto;
    padding-top:20px;
    padding-bottom:20px;
}

.navbar-nav{
    width:100%;
    justify-content:end;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link{
    font-weight:bold;
    color:#174DA0;
    opacity:1;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color:#174DA0;
    opacity:0.6;
}

#services .service,	
#partners .partner{
	text-align:center;
}

#partners .partner{
	margin-top:20px;
	margin-bottom:20px;
}
#partners .partner a{
	display:block;
	max-width:270px;
}

#about-us .about-items{
	text-align:center;
}

.page-section{
	text-align:center;
	padding:80px 0;
}

.page-section#contact 	{
    background:#f0f0f0;
    display:block;
    font-size:18px;
    font-weight:bold;
}

.page-section#contact a{
    text-decoration:none;
    color:#174DA0;
}

.page-section#map 	{
	padding-top:0;
	padding-bottom:0;
}
.page-section#map > iframe{
    padding:0;
}

.page-section > h2{
	text-align:center;
	font-weight:bold;
	margin-bottom:40px;
	font-size:50px;
	color:#174DA0;
}

#services{
	color:#fff;
	background:#174DA0;
}

#services > h2{
    color:#fff;
}

#about-us > .row,
#partners > .row,
#services > .row{
	max-width:1400px;
	margin:0 auto;
}

#about-us > .row img{
	max-width:120px;
}

#about-us .about-items > div{
	margin-top:20px;
	margin-bottom:20px; 	 	
}

#about-us .about-text{
	max-width:1000px;
	margin:0 auto;
}

.copyright{
	padding:15px;
}

#video{
    background:#f0f0f0;
}

#video > h2{
    max-width:1000px;
    margin:0 auto 40px;
}

#video > .container{
    max-width:1000px;
    margin:0 auto;
}

.video-wrapper{
    position: relative;
    height:0;
    width:100%;
    padding-bottom: 56.25%;
}

.video-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}