*:focus {outline:none !important}

body, html {
  height: 100%;
}

.shadow {
	-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.35);
 	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.35);
	
}

.bg {
  /* The image used */
  background-image: url("/wp-content/themes/tenofore/images/videogames-bg.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  /* Add the blur effect */
  /*filter: blur(1px);
  -webkit-filter: blur(1px);*/
}

.menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;	
	z-index: 3;
	background-color: rgba(0,0,0,.4);
	padding: 15px;
	
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border: 5px solid #198cfd;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center;
  font-size: 3vw;
  font-family: 'Nunito', sans-serif;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.row {
	padding: 0px;
}

[class*="col-m"], [class*="col-s"], [class*="col-xs"] {
	padding: 0px;
}

a {
	color: #ffeb00;
	-moz-transition:.5s;
	-webkit-transition:.5s;
 	-o-transition:.5s;
	transition:.5s;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}

h1 {

}

h2 {

}

.footer {	

	background-image: url("/wp-content/themes/tenofore/images/videogames-bg.png");
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.footerSub {
	padding: 10px;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	background-color: rgba(0,0,0,.4);
	color: #ffffff;
}

@media only screen and (max-width: 700px) 
{
	.row {
		padding: 20px 10px;
	}
}