html { font-size: 62.5%; }
@media only screen and (max-width: 900px) {
	html { font-size: 50%; } 
}

body {margin: 0px; padding: 0px}
a, a * {text-decoration: none;}

.panel {width: 100%;}
.panel .content {width: 100%; max-width: 1400px}
.align-center {margin: 0 auto}
.align-right {float: right!important}
.align-left {float: left!important}
.text-center {text-align: center}
.text-right {text-align: right}

.list-hor {list-style: none; margin: 0px; padding: 0px; }
.list-hor li {float: left}
.pad-left {padding-left: 1%}
.pad-double-left {padding-left: 2%}

.pad-right {padding-right: 1%}
.pad-double-right {padding-right: 2%}

.nospace {padding: 0px; margin: 0px;}

.pad-top {padding-top: 1%}
.pad-bottom {padding-bottom: 1%}
.lrgutter {padding-left: 2%; padding-right: 2%}
.lrgutter-half {padding-left: 1%; padding-right: 1%}
.pad-noright {padding-right: 0%}
.pad-all {padding: 1%}
.pad-all-double {padding: 2%}
.pad-all-tripple {padding: 3%}

.pad-double-all {padding: 2%}
.pad-top-half {padding-top: .5%}
.pad-bottom-half {padding-top: .5%}

.margin-top {margin-top: 1%}

.clearfix {
  overflow: auto;
}
/*
body { font-size: 14px; font-size: 1.4rem; } /* =14px 
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

/*
ADJUST FONT SIZE BASES ON BROWSER WIDTH
@media only screen and (max-width: 480px) {
	html { font-size: 100%; } 
}
/*

/* box model */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }


 /* reveal css */
 @media only screen and (min-width: 1400px) {

@-webkit-keyframes fadeIn { from { opacity:0; bottom: -50px} to { opacity:1; bottom: 0px } }
@-moz-keyframes fadeIn { from { opacity:0; bottom: -50px} to { opacity:1; bottom: 0px } }
@keyframes fadeIn { from { opacity:0; bottom: -50px} to { opacity:1; bottom: 0px } }
 
.fade-in {
opacity:0;  /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
position: absolute;
bottom: -50px;
left: 0px;
 
-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
 
-webkit-animation-duration:.7s;
-moz-animation-duration:.7s;
animation-duration:.7s;
}
 
.fade-in {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}

}