/*
	These CSS rules affect the styling of the demo pages. The centering techniques
	are demonstrated in the individual in the individual 1.html, 2.html and 3.html files.
*/


*{
	margin:0;
	padding:0;
}

body{
	/* Setting default text color, background and a font stack */
	font-size:0.825em;
	background: #85FFFF;
	font-family:Arial, Helvetica, sans-serif;

}


.for{
	color:#FFF;
}

.background {
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.content {
	width: 600px;
    height: 300px;
	text-align: center;
	position:absolute;
    left:0; right:0;
    top:0; bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;

}


@font-face {
    font-family: 'Geomanist';
    src: local('Geomanist-Thin'), url('fonts/geomanist/Geomanist-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: local('Geomanist-Black'), url('fonts/geomanist/Geomanist-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: local('Geomanist-Medium'), url('fonts/geomanist/Geomanist-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: local('Geomanist-Bold'), url('fonts/geomanist/Geomanist-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist Book';
    src: local('Geomanist-Book'), url('fonts/geomanist/Geomanist-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist Ultra';
    src: local('Geomanist-Ultra'), url('fonts/geomanist/Geomanist-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: local('Geomanist-Regular'), url('fonts/geomanist/Geomanist-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: local('Geomanist-ExtraLight'), url('fonts/geomanist/Geomanist-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: local('Geomanist-Light'), url('fonts/geomanist/Geomanist-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/* Mosk font family */

@font-face {
font-family: 'Mosk Extra-Light 200';
font-style: normal;
font-weight: normal;
src: local('Mosk Extra-Light 200'), url('fonts/mosk/Extra-Light 200.woff') format('woff');
}


@font-face {
font-family: 'Mosk Thin 100';
font-style: normal;
font-weight: normal;
src: local('Mosk Thin 100'), url('fonts/mosk/Mosk Thin 100.woff') format('woff');
}


@font-face {
font-family: 'Mosk Light 300';
font-style: normal;
font-weight: normal;
src: local('Mosk Light 300'), url('fonts/mosk/Mosk Light 300.woff') format('woff');
}


@font-face {
font-family: 'Mosk Medium 500';
font-style: normal;
font-weight: normal;
src: local('Mosk Medium 500'), url('fonts/mosk/Mosk Medium 500.woff') format('woff');
}


@font-face {
font-family: 'Mosk Semi-Bold 600';
font-style: normal;
font-weight: normal;
src: local('Mosk Semi-Bold 600'), url('fonts/mosk/Mosk Semi-Bold 600.woff') format('woff');
}


@font-face {
font-family: 'Mosk Bold 700';
font-style: normal;
font-weight: normal;
src: local('Mosk Bold 700'), url('fonts/mosk/Mosk Bold 700.woff') format('woff');
}


@font-face {
font-family: 'Mosk Extra-Bold 800';
font-style: normal;
font-weight: normal;
src: local('Mosk Extra-Bold 800'), url('fonts/mosk/Mosk Extra-Bold 800.woff') format('woff');
}


@font-face {
font-family: 'Mosk Ultra-Bold 900';
font-style: normal;
font-weight: normal;
src: local('Mosk Ultra-Bold 900'), url('fonts/mosk/Mosk Ultra-Bold 900.woff') format('woff');
}


@font-face {
font-family: 'Mosk Normal 400 Regular';
font-style: normal;
font-weight: normal;
src: local('Mosk Normal 400 Regular'), url('fonts/mosk/Mosk Normal 400.woff') format('woff');
}