.body
{
	background-color: #424242;
  background-repeat:repeat;
}

.logo {
	margin-top: 5px;
	width: 100px;
	margin-left: 190px;
}

.nav {
	color: #008DDF;
}

.nav-link {
	color: #008DDF;
}

.bg-dark {
	background-color: #5C5C5C;
}

.navbar-dark {
	background-color: #008DDF;
}

#bgcolor {
background-color: #ededeb;
}

.basaricolor {
background-color: #303030;
height: 500px;
}


#hdr {
  background-image: url("images/header.jpg");
  background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: contain;
background-position:center;
height: 150px;
}

#middle {
  width: 100%;
	height: 90px;
	background-color: #ededeb;
	 background-image: url("images/middle.png");
  background-repeat:no-repeat;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: contain;
background-position:center;
}

.opet {
	 background-image: url("images/Opet.png");
  background-repeat:no-repeat;
background-position:center;
width: 90px;
	height: 78px;
	margin-left: auto;
	margin-right: auto;

}


/* Container holding the image and the text */
.imgcontainer {
  position: relative;
  text-align: center;
  color: white;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 30px;
  left: 120px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.top-center {
  position: absolute;
  top: 8px;
  transform: translate(-50%, -50%);
}

.post1 
{
   background-image: url("images/post1.png");
  background-repeat:no-repeat;
background-position:center;
}

.bg-set {
  background-color: #5f74b8;
}

.bg-tv {
  background-color: #5f74b8;
  background-repeat:repeat;
}

.tv-text {
  color: #5f74b8;
  
}