/* CSS Document */
body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
row{
	margin-left: 0;
	margin-right: 0;
}
.navbar{
	background-color: #699aca;
	
	background-color: hsla(213,87%,94%,1.00);
	height: auto;
	text-align: right;
}
.logo{
	width: 250px;
}
.navbar a{
	color:#333;
	
}
.navbar a:hover{
	color:hsla(0,0%,0%,1.00);
	
}
.logo {
	margin-top: -15px;
}
.card{
	border:none;
}
.card-header{
	background-color: hsla(218,48%,95%,1.00);
}
.container{
	padding-top:20px;
	padding-left: 10%;
	padding-right: 10%;
}
p {
	font-size: 14px;
}
h1{
	color: hsla(0,89%,18%,1.00);
}
a {
	color:  hsla(0,89%,18%,1.00);
}
a:hover{
	color: hsla(216,19%,34%,1.00);
	text-decoration: none;
}
h2 {
	color: #5d0202;
	font-size: 30px;
	font-weight: normal;
}
h3{
	color:#FFF;
	background-image: url("../assets/h3.png");
	padding-left:15px;
	margin-left: -15px;
	padding-bottom: 5px;
	max-width: 550px;
	font-size: 26px;
}
h5{
	font-weight: bold;
}
.li-gr{
	background-color:hsla(213,50%,98%,1.00)
}
@media (min-width: 992px) {
	p {
		font-size: 16px;
	}
	.navbar{
		background-color: #699aca;
		background-image: url("../assets/bkg.jpg");
		background-size: cover;
		padding-left: 10%;
		padding-right: 10%;
		font-size: 20px;
		height: 200px;
	}
	.logo{
		width: 300px;
	}
	.navbar a{
	color:#333;margin-top: -80px;
}
}
@media (min-width: 1400px) {
	.navbar{
		padding-left: 20%;
		padding-right: 20%;
		
	}
	
}