/* =Clearfix (all browsers)--------------------------------*/.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}
/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

h1, p, body, html {
	margin:0;
	padding:0;
	border: 0;
	height: 100%;
    min-height: 100%;
}

@font-face {
    font-family: 'vollkornregular';
    src: url('assets/type/vollkorn-regular-webfont.eot');
    src: url('assets/type/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/type/vollkorn-regular-webfont.woff2') format('woff2'),
         url('assets/type/vollkorn-regular-webfont.woff') format('woff'),
         url('assets/type/vollkorn-regular-webfont.ttf') format('truetype'),
         url('assets/type/vollkorn-regular-webfont.svg#vollkornregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vollkornitalic';
    src: url('assets/type/vollkorn-italic-webfont.eot');
    src: url('assets/type/vollkorn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/type/vollkorn-italic-webfont.woff2') format('woff2'),
         url('assets/type/vollkorn-italic-webfont.woff') format('woff'),
         url('assets/type/vollkorn-italic-webfont.ttf') format('truetype'),
         url('assets/type/vollkorn-italic-webfont.svg#vollkornitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vollkornbold';
    src: url('assets/type/vollkorn-bold-webfont.eot');
    src: url('assets/type/vollkorn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/type/vollkorn-bold-webfont.woff2') format('woff2'),
         url('assets/type/vollkorn-bold-webfont.woff') format('woff'),
         url('assets/type/vollkorn-bold-webfont.ttf') format('truetype'),
         url('assets/type/vollkorn-bold-webfont.svg#vollkornbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'vollkornbold_italic';
    src: url('assets/type/vollkorn-bolditalic-webfont.eot');
    src: url('assets/type/vollkorn-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/type/vollkorn-bolditalic-webfont.woff2') format('woff2'),
         url('assets/type/vollkorn-bolditalic-webfont.woff') format('woff'),
         url('assets/type/vollkorn-bolditalic-webfont.ttf') format('truetype'),
         url('assets/type/vollkorn-bolditalic-webfont.svg#vollkornbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.body{
font-family: 'vollkornbold', Fallback, serif;
}

#container{
position: absolute;
width:100%;
height: 100%;
min-height: 100%;
background-color: #FFFFFF;
color: black;
}

#logodiv{
float: left;
position: relative;
margin-left: 5%;
margin-top: 3%;
width: 150px;
height: 45px;
font-family: 'vollkornbold', Fallback, serif;
font-size: 18px;
}

#textdiv{
position: relative;
float: right;
width: auto;
height: auto;
margin-right:5%;
margin-top: 3%;
font-family: 'vollkornbold', Fallback, serif;
font-size: 18px;
color: black;
}

#mathers{
position:relative;
overflow: visible;
top:40%;
left: 50%;
width: 250px;
height: 330px;
margin-left: -125px;
margin-top:-165px; 
background-image: url('Exesys-logo.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
animation: fadein 3s;
    -moz-animation: fadein 3s;
    -webkit-animation: fadein 3s; 
    -o-animation: fadein 3s; 
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}​

.lightbox {

      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:rgba(0, 0, 0, .8);

}