article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html,button,input,select,textarea{color:#222;} body{font-size:1em;line-height:1.4;} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;} img{vertical-align:middle;} fieldset{border:0;margin:0;padding:0;} textarea{resize:vertical;} .chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;} .ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;} .ir:before{content:"";display:block;width:0;height:150%;} .hidden{display:none!important;visibility:hidden;} .visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;} .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0;} .invisible{visibility:hidden;} .clearfix:before,.clearfix:after{content:" ";display:table;} .clearfix:after{clear:both;} .clearfix{zoom:1;} ::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;} @media print { *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100%!important;} @page{margin:.5cm;} p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;} }

html {
	background: url('img/bg.jpg') center center no-repeat;
	background-size: cover;
	height: 100%;
}

body {
	font-family: 'Brown';
}

#container {
	margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  height: 330px;
  width: 400px;
}

.logo {
	width: 400px;
	height: 189px;
	background: url('img/logo.svg') center center no-repeat;
}

a.button {
	height: 32px;
	width: 140px;
	display: inline-block;

	padding: 6px 0 0 0;

	border: 6px solid black;

	font-size: 22px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;

	background: black;
	color: white;
	
	position: absolute;
	bottom: 0;

	transition: 250ms;
}

a.button:hover {
	background: white;
	color: black;

	transition: 250ms;
}

a.button.services {
	left: 25px;
}

a.button.contact {
	right: 25px;
}

p a {
	color: black;
	text-decoration: underline;
	transition: all 0.15s;
}

p a:link, p a:visited {
	color: black;
}

p a:hover {
	text-decoration: none;
	color: grey;
	transition: all 0.15s;
}

#contact p a {
	text-decoration: none;
}

#contact p a:hover {
	text-decoration: none;
}



.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px 70px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

#contact {
	text-align: center;
	font-size: 25px;
	max-width: 650px;
}

#services {
	font-size: 16px;
}






/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}



::selection {color:white;background:black;}
::-moz-selection {color:white;background:black;}



@font-face {
  font-family: 'Brown';
  src: url('fonts/Brown-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Brown-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Brown-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/Brown-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Brown-Bold.svg#bc16b9b0db9ef0f1430dd17d45a4b42f') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}