@import url('https://fonts.googleapis.com/css?family=Rubik:400,700');

*:focus {
    outline: 0 !important;
}

img {
	border: none;
}

html, body {
	background: #fff;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
}

.bgr {
	background-color: rgba(255, 0, 0, 0.5);
}
.bgg {
	background-color: rgba(0, 255, 0, 0.5);
}
.bgb {
	background-color: rgba(0, 0, 255, 0.5);
}
.bgc {
	background-color: rgba(0, 255, 255, 0.5);
}
.bgm {
	background-color: rgba(255, 0, 255, 0.5);
}
.bgy {
	background-color: rgba(255, 255, 0, 0.5);
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.vertical-align-middle {
	vertical-align: middle;
}

a, a:hover {
	text-decoration: none;
	color: inherit;
}


/* Required for full background image */

html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
}

.top-nav-collapse {
  background-color: #78909c !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #78909c !important;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: #78909c !important;
  }
}

h1 {
  letter-spacing: 8px;
}

h5 {
  letter-spacing: 3px;
}

.hr-light {
  border-top: 3px solid #fff;
  width: 80px;
}

.blink-event {
  -webkit-animation: blinker 1.2s linear infinite;
  animation: blinker 1.2s linear infinite;
}

@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* XL */
@media (min-width: 1200px) {}
/* LG */
@media (min-width: 992px) and (max-width: 1199px) {}
/* MD */
@media (min-width: 768px) and (max-width: 991px) {}
/* SM */
@media (min-width: 576px) and (max-width: 767px) {}
/* XS */
@media (max-width: 575px) {}