body{
	color: #000;
	font-size:14px;
	font-family: Stencil Std;
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a{color:#FFF;}
a:hover {
	text-decoration:none;
	color:#c20e1a;
}
a:link {
	text-decoration:none;
}
.logo{
	margin-left:10px;
}
.menu_txt{
	display: inline-block;
	padding:10px;
	color:#fff;
	text-decoration:none;
	font-size:26px;
}
.rdpe{
	color:#FFF;
	font-size:max(0.4vw,10px); 
}
.card_tx{	
	font-size:clamp(16px, 0.1vw, 3vw);
	font-family:arial;
}
.scrollbar-juicy-peach::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #000;
    border-radius: 10px;
}

.scrollbar-juicy-peach::-webkit-scrollbar {
    width: 12px;
    background-color: #000;
}

.scrollbar-juicy-peach::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left top, right top, from(#782c2e), to(#c20e1a));
    background-image: -webkit-linear-gradient(left, #782c2e 0%, #c20e1a 100%);
    background-image: linear-gradient(to right, #782c2e 0%, #c20e1a 100%);
}
.row2 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column2 {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column2 img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Container needed to position the overlay. Adjust the width as needed */
.container2 {
  position: relative;
}

/* Make the image to responsive */
.image2 {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

/* The overlay effect - lays on top of the container and over the image */
.overlay2 {
  position: absolute;
  top: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 15px;
  padding: 20px;
  text-align: center;
}

/* When you mouse over the container, fade in the overlay title */
.container2:hover .overlay2 {
  opacity: 1;
}
* {}
.fb{
	background:url(../images/fb_off.png) no-repeat;
	width:69px;
	height:69px;
	display:block:
	margin:0;
}
.fb:hover{
	background:url(../images/fb_on.jpg);
	width:69px;
	height:69px;
	display:block:
}
.ig{
	background:url(../images/ig_off.jpg) no-repeat;
	width:69px;
	height:69px;
	display:block:
	margin:0;
}
.ig:hover{	
	background:url(../images/ig_on.jpg);
	width:69px;
	height:69px;
	display:block:
}
.tw{
	background:url(../images/twiter_off.jpg) no-repeat;
	width:69px;
	height:69px;
	display:block:
	margin:0;
}
.tw:hover{	
	background:url(../images/twiter_on.jpg);
	width:69px;
	height:69px;
	display:block:
}

@font-face {
  font-family: myFirstFont;
  src:url(css/klavika-medium.otf)
}