/* font */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/OsJ2DjdpjqFRVUSto6IffD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(https://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaIgp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(https://fonts.gstatic.com/s/droidserif/v6/QQt14e8dY39u-eYBZmppwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2');
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: #494949; }
}
/* normalize */
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}

body{margin:0}

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
section, 
summary{display:block}

audio, 
canvas, 
progress, 
video{display:inline-block; vertical-align:baseline}

audio:not([controls]){display:none; height:0}

[hidden], 
template{display:none}

a{background-color:transparent}

a:active, 
a:hover{outline:0}

abbr[title]{border-bottom:1px dotted}

b, 
strong{font-weight:bold}

dfn{font-style:italic}

h1{font-size:2em; margin:0.67em 0}

mark{background:#ff0; color:#000}

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}

img{border:0}

svg:not(:root){overflow:hidden}

figure{margin:1em 40px}

hr{box-sizing:content-box; height:0}

pre{overflow:auto}

code, 
kbd, 
pre, 
samp{font-family:monospace,monospace; font-size:1em}

button, 
input, 
optgroup, 
select, 
textarea{color:inherit; font:inherit; margin:0}

button{overflow:visible}

button, 
select{text-transform:none}

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"]{-webkit-appearance:button; cursor:pointer}

button[disabled], 
html input[disabled]{cursor:default}

button::-moz-focus-inner, 
input::-moz-focus-inner{border:0; padding:0}

input{line-height:normal}

input[type="checkbox"], 
input[type="radio"]{box-sizing:border-box; padding:0}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button{height:auto}

input[type="search"]{-webkit-appearance:textfield; box-sizing:content-box}

input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}

legend{border:0; padding:0}

textarea{overflow:auto}

optgroup{font-weight:bold}

table{border-collapse:collapse; border-spacing:0}

td, 
th{padding:0}
/* */
a {color:#000000;text-decoration:none;}
h1, h2, h3, h4, h5, h6, ul, p{margin: 15px 0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu';font-weight: 400;}
b, strong {
	font-style: normal;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1 {
	font-size: 35px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 20px;
}
img {border:none;}
td {
	vertical-align: top;
}
/* layout */
* {
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
body {
	font-family: 'Ubuntu';
	font-weight: 400;
	color: #494949;
	background-color: #ffffff;
}
h1, h2 {
    color: #000000;
    font-size: 60px;
    line-height: 92%;
}
h1 {
	font-size: 50px;
	font-family: monospace;
	/*display: inline-block;*/
	/*overflow: hidden;
	border-right: 4px solid #494949;
	white-space: nowrap;
	margin: 0 auto;*/
	/*animation: typing 2.5s steps(40, end), blink-caret 1s step-end infinite;*/
}
h2 {
	font-weight: 500;
    letter-spacing: -2px;
    margin-top: 0;
}
h2 .normal {
	font-weight: 300;
}
.col {
	float: left;
	padding: 40px;
}
.col-4 {
	width: 33.33%;
}
.col-8 {
	width: 66.66%;
	padding-left: 0;
}
#bgtop {
	height: 500px;
	background: url('../img/bg.jpg') no-repeat scroll center center transparent;
	background-size: cover;
}
#main {
	
}
#content {
	background-color: #ffffff;
    display: table;
    width: 100%;
    margin: -250px auto 50px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.profile {
	width: 100%;
	height: auto;
	display: block;
}
#footer {
	text-align: center;
}
a.legal {
	color: #c0c0c0;
    display: inline-block;
    font-weight: 300;
    padding: 5px;
}

@media only screen and (min-width : 768px) {
	#content {
    	width: 750px;
    }
}
@media only screen and (min-width : 992px) {
	
	#content {
    	width: 970px;
    }
}
@media only screen and (min-width : 1200px) {
	#content {
    	width: 1170px;
    }
}

@media only screen and (max-width : 1199px) {
	h1 {
	    font-size: 40px;
	}
	#bgtop {
		height: 400px;
	}
	#content {
		margin-top: -200px;
	}
}
@media only screen and (max-width : 991px) {
	h1 {
		font-size: 32px;
	}
	h2 {
	    font-size: 50px;
	}
	.col {
		padding: 20px;
	}
	#bgtop {
		height: 300px;
	}
	#content {
		margin-top: -150px;
	}
}
@media only screen and (max-width : 767px) {
	h1 {
		font-size: 24px;
	}
	h2 {
	    font-size: 40px;
	}
	#content {
		width: 98%;
	}
	.col {
		float: none;
		padding: 20px;
		width: 100%;
	}
}