html {scroll-behavior: smooth; font-size: 100%;}
body {background-color: unset!important;}
h1.text-highlight {font-size: 1.5rem; letter-spacing: 1px; font-weight: 500;}
img {width: 100%; height: auto;}

#wrapper a {color: #FFF;}
#wrapper a:hover {color: #ccc; text-decoration: none;}
#wrapper a:active {color: yellow;}

/* Text Align */
.text-c {text-align: center;}
.text-l {text-align: left;}
.text-r {text-align: right}
.text-j {text-align: justify;}

/* Text Color */
.text-whitesmoke {color: whitesmoke}
.text-dark {color: rgba(255, 235, 59, 0.432)}

/* Margins g(global) - l(left) - r(right) - t(top) - b(bottom) */
.margin-g {margin: 15px;}
.margin-g-sm {margin: 10px;}
.margin-g-md {margin: 20px;}
.margin-g-lg {margin: 30px;}
.margin-l {margin-left: 15px;}
.margin-l-sm {margin-left: 10px;}
.margin-l-md {margin-left: 20px;}
.margin-l-lg {margin-left: 30px;}
.margin-r {margin-right: 15px;}
.margin-r-sm {margin-right: 10px;}
.margin-r-md {margin-right: 20px;}
.margin-r-lg {margin-right: 30px;}
.margin-t {margin-top: 15px;}
.margin-t-sm {margin-top: 10px;}
.margin-t-md {margin-top: 20px;}
.margin-t-lg {margin-top: 30px;}
.margin-b {margin-bottom: 15px;}
.margin-b-sm {margin-bottom: 10px;}
.margin-b-md {margin-bottom: 20px;}
.margin-b-lg {margin-bottom: 30px;}

figure.thumb {display: block;}
figure {margin: 0;}

.frame {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.zoomin img {
  width: 100%;
  height: 100%
   -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.zoomin img:hover {
  -moz-transform: scale(1.025);
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
}

@keyframes slideInFromTop {
    0% {transform: translateY(-30%);}
  100% {transform: translateY(0);}
}
@keyframes slideInFromBottom {
    0% {transform: translateY(100%);}
  100% {transform: translateY(0);}
}

.shadow-box {
	box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.65);
	-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.65);
}

.enter-site {width:75%; margin: 0 auto; max-width: 220px;}
.enter-site a,
footer .enter-site a {cursor: pointer;}
footer .enter-site {max-width: 125px;}


@media only screen and (max-width: 768px) {

}