body	{
	font-family: 'Roboto' !important;
  background-color:#fafdff !important;
  /*background:#eee !important;*/
}
.navbar {
  border:0 !important;
  background-color:#ecf8ff !important;
  /*margin-bottom:0 !important;*/
}

section h1 span {
  padding: 10px 15px;
  background-color: #baeaff;  
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
section .container h1 {
    margin-bottom: 50px;
}
section {min-height:100vh;}
section .container {
    padding-top: 100px;
}
.navbar ul li a	{
	text-transform: uppercase; !important;
	font-size: 1.1em;
	/*margin-right: 2px;*/
}
.navbar .navbar-nav	.active a {
	background: none !important;
	/*color:#fff !important;*/
  border-bottom: 3px solid #baeaff;
}
#purpose .icon	{
	float: left;
}
#purpose .content	{
	margin:30px 0 0 70px;
}
#purpose .icon, #purpose h2	{color:#baeaff;}
#purpose .container .row div  {margin-bottom:20px;}
#use h2 {text-transform:uppercase;}
p  {text-align:justify;}
footer  {
  background:#ecf8ff;
  padding:10px 0;
  font-size:0.8em;
  color:#666;
}
footer a  {color:#666;}
/*#contacts p i {margin-right:10px;vertical-align:middle;color:#b1ddf6;}*/
/*#contacts p span {font-size:1.8em;vertical-align:middle;padding:5px 10px;background-color:#b1ddf6;color:#fff;border-radius:2px;}*/

#contacts .phones {
  display:flex;
  display: -webkit-flex;
  height:35px;
  line-height:35px;
  text-align:center;
  color:#fff;
  -webkit-text-fill-color: #fff;
}
#contacts .phones div {border-radius:2px;}
#contacts .phones div:not(:last-child) {margin-right:3px;}
#contacts .phones .icon {width:35px;}
#contacts .phones .icon.increased {font-size:1.2em;}
#contacts .phones .number {
  background-color:#b1ddf6;
  padding:0 7px;
  font-size:1.24em;
}


#contacts h2  {font-size:1.3em;text-transform: uppercase;margin:20px 0 15px 0;}
#contacts ul {padding-left: 13px; list-style-type: square;}
#contacts ul li {margin-bottom:10px;}
#contacts #formcontent  {font-size:1.3em;}
#contacts #formcontent i  {color:#baeaff; margin-bottom:20px;}
#aboutus img {width:100%; height:auto; border: 3px solid #baeaff; padding: 3px; margin-bottom:20px;}

.navbar-brand .tel {color:#fff;background-color:#b1ddf6;padding:5px 15px;border-radius:2px;margin-left:-4px;}
.navbar-brand a.brand {
    margin-right:20px;
    color:inherit;
    text-decoration:none;
}
.navbar-brand .icon {border-radius: 2px;}
.navbar-brand .icon > i {color:#fff;}
.navbar-brand .icon.viber {
    background-color:#665cac;
    padding:5px 7px;
    margin-left:-2px;
}
.navbar-brand .icon.whatsapp {
    background-color:#25d366;
    padding:5px 8.13px;
    margin-left:-2px;
}

.text-made {text-align:right;}

@media screen and (max-width: 760px) {
  form, #map {margin-bottom:20px;}
  .navbar .navbar-nav	.active a {
	   background: #baeaff !important;
	   border-bottom: none;
  }
  .navbar .navbar-nav a:hover	{
	   border-bottom: none;
     background: #baeaff !important;
  }
  h1 span  {font-size:.7em;}
  #aboutus img {width:100%; height:auto; padding:0;border:0; margin-bottom:20px;}
  #use img {margin-bottom:15px;}
  #principles img {margin-top:15px;}
  #purpose h2 {font-size:25px;}
  #contacts .phones {justify-content:center;}
  #contacts .additional {text-align:center;margin-bottom:20px;}  
}
@media only screen and (max-width: 415px) {
  .text-made, .text-copy {text-align:center;}
}