@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700');

body {
	line-height: 1.2;
    height: 100%;
    background: #ffffff url('../../files/main-background.jpg') no-repeat center top;
    background-size: cover;
}

.content {
	margin-top: 50px;
	color: #fff;
}

.logo img {
	display: inline-block;
}

.section-padding {
	padding: 60px;
}

.sections h3 {
	font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	padding: 10px 0px 15px;
    font-size: 25px;
}

.sections p {
	font-size: 20px;
	padding: 10px 0px 15px;
	font-family: "Open Sans", sans-serif;
}

.sections i {
	color: #ffffff;
	font-size: 50px;
	padding: 10px 0px 15px;
}

.sections i:hover {
	color: #1d77a3;
	font-size: 60px;
	padding: 10px 0px 5px;
}

.sections .btn {
	font-size:14px;
	font-weight:800;
	padding:15px 25px;
	letter-spacing:1px;
	text-transform:uppercase;
	border-radius:10px;
	font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
}

.sections .btn-primary {
	background-color:#0085a1;
	border-color:#0085a1
}

.sections .btn-primary:active,.btn-primary:focus,.btn-primary:hover {
	color:#fff;
	background-color:#00657b!important;
	border-color:#00657b!important
}

@media (min-width: 501px) and (max-width: 901px) {
  .section-padding {
    padding: 60px 30px;
  }
  body {
    overflow-x:hidden; 
  }
}

@media (min-width: 20px) and (max-width: 500px) {
  .section-padding {
    padding: 60px 30px;
  }
}