body{
	background-image: url('Bemutató1.png');
}

.container{
  padding: 20px 40px;
	background-image: url('fatyol.png');
	margin: auto;
	margin-top: 80px;
	margin-bottom: 40px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: large;
  font-family:Arial, Helvetica, sans-serif;
}

h1{
  color: darkolivegreen;
  font-variant: small-caps;
  font-weight: bolder;
}
h2{
	color: indigo;
	font-variant: small-caps;
	text-shadow: 1px 1px white;
}

p{
  text-indent: 35px;
  text-align: justify;
  letter-spacing: -0.1px;
  line-height: 150%;
}

.kepkeret {
  width: 375px;
  float: right;
  text-align: center;
  font-size: 75%;
  padding: 0px 5px 5px;
  margin-left: 10px;
  background-image: url('fatyol.png');
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 10px 10px 10px gray;
  border-style: solid;
  border-color: darkblue;
}

.kepkeret img{
	width: 385px;
  position: relative;
  left: -5px;
}

img{
  float: left;
}

.img-responsive{
  margin-top: 10px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

a{
  font-weight: bold;
  font-style: italic;
  color: brown;
  text-decoration: none;
}

.navbar{
  list-style-type:none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:burlywood;
  color: blueviolet;
  font-weight: bolder;
}
.navbar-nav{
  font-weight: bold;
}
li {
  float: left;
  text-decoration: chartreuse;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: burlywood;
}
.btn{
  background-color: burlywood;
  border: burlywood;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 172px;
  text-align: center;
  color:darkmagenta;
  font-weight: bolder;
}

.btn-group{
  height: 40px;
}