/*

RAFRENNIE.COM

*/

body {  
    height: 100%;
    margin: 0;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 20px;
    color: #FFFFFF;
	background-image: url("./imgs/45"); 
	background-color: #000;
    background-repeat: no-repeat;
       /* font-weight: 300; */
       -webkit-font-smoothing: antialiased;

}

/* typography */
@font-face {
  font-family: "Dutch801_Headline";
  src: url("./font/Dutch801_Headline.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Octave-Medium";
  src: url("./font/Octave-Medium.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* link scheme */
/* you can customize links further down the page too */
a:link { text-decoration: none; color: #FFFFFF; }
a:active { text-decoration: none; color: #FFFFFF; }
a:visited { text-decoration: none; color: #FFFFFF; }
a:hover { color: transparent; text-shadow: #FFFFFF 0 0 5px; text-decoration: none;}
a img { border: none; }

/* general styles */
@media screen and (max-width: 1000px)  {
c1 { font-size: 24px; line-height: 20pt; font-family: 'Octave-Medium', sans; letter-spacing: -1px;}
c4 { font-size: 24px; line-height: 20pt; font-family: 'TimesNewRoman', serif; letter-spacing: 2px;}
c2 { font-size: 24px; line-height: 0pt; font-family: 'Octave-Medium', sans; }

.footer1{
    float: left; 
    width: auto; 
    padding-top: 10px;
	 visibility: visible;
	 z-index: 2; 
}

.footer2{
  float: left;
  width: auto; 
  padding-top: 80%;
  padding-left: 0%;
  visibility: hidden;
  z-index: 3;
}

.footer3{
  float: right;
  width: 225px; 
  visibility: hidden;
  z-index: 3;
}

.space{
	width: 100%;
	height: -200px;
}
}

@media screen and (min-width: 1001px) {
c1 { font-size: 16px; line-height: 10pt; font-family: 'Octave-Medium', sans; letter-spacing: -.5px;}
c4 { font-size: 16px; line-height: 10pt; font-family: 'Dutch801_Headline', serif; letter-spacing: -.5px;}
c2 { font-size: 16px; line-height: 10pt; font-family: 'Octave-Medium', sans; }

.footer1{
    float: left; 
    width: 100%; 
    margin-bottom: 0px;
	z-index: 2; 
}

.footer2{
  float: right;
  width: 120px; 
  margin-right: 0%;
  margin-bottom: 0px; 
  visibility: hidden;
  z-index: 3;
}

.footer3{
  float: right;
  width: 225px; 
  visibility: hidden;
  z-index: 3;
}

}

/* columns */

.vl2 {
  position: float;
  background-color: #FFF;
  height: 0px;
}

#area img{
  position: fixed;
  width: 10%;
  z-index: 999;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #b2fdaf;
}