/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=3cf19449-3933-4518-a708-cd743c6ad225&fontids=706733,706736");
@font-face{
    font-family:"Neuzeit S LT W01 Book";
    src:url("Fonts/706733/840b8bdf-7d26-449a-9620-8cb6663f18cc.eot?#iefix");
    src:url("Fonts/706733/840b8bdf-7d26-449a-9620-8cb6663f18cc.eot?#iefix") format("eot"),url("Fonts/706733/77aaeb7b-86f4-47a1-8196-74a660dd0919.woff") format("woff"),url("Fonts/706733/efdf74e6-bfd4-466d-93fd-4f8f4d55b80c.ttf") format("truetype"),url("Fonts/706733/be8d3917-a4cf-4d8f-b767-4e84bcbe300c.svg#be8d3917-a4cf-4d8f-b767-4e84bcbe300c") format("svg");
}
@font-face{
    font-family:"NeuzeitSLTW01-BookHeavy";
    src:url("Fonts/706736/74c31844-4217-4fe8-82f7-88a5075de2e8.eot?#iefix");
    src:url("Fonts/706736/74c31844-4217-4fe8-82f7-88a5075de2e8.eot?#iefix") format("eot"),url("Fonts/706736/a1476bae-b118-4e9d-b711-c84091d9bc16.woff") format("woff"),url("Fonts/706736/096111d9-3ba2-4828-ae9a-29fb4e03c0b1.ttf") format("truetype"),url("Fonts/706736/74a8e701-bffc-464e-a60b-63169debd492.svg#74a8e701-bffc-464e-a60b-63169debd492") format("svg");
}

/**************************
 *      BODY
 *****************************/

body{
    background: white;
    color: black;
    font: 16px/1.6em 'Neuzeit S LT W01 Book', Arial, sans-serif;
    margin: 2em 0 ;
}

img{
    max-width: 100%;
    height: auto;
}


/**************************
 *      TYPO
 *****************************/

h1, h2, h3, h4, h5, h6 					{ font-family: inherit; margin:0; padding:0; font-weight:300; line-height: 1.1 } 

a, a:visited{
	text-decoration: underline;
	color:  #045ea3;
}
a:hover {
	text-decoration: none
}
p{
    margin:0 0  2em
}


/**************************
 *      HEADER
 *****************************/
header{
	margin: 0 3em;
}
#logo{
    width: 200px;
    margin-bottom: 50px;
	margin-left: 1px;
}
.timeline{
	display: block;
	margin-bottom: 3em;
}
.time-line-nolink{
    display: inline;
}
.time-line-link{
    display: none;
}
.mob{
	display: none
}

/**************************
 *      CONTENT
 *****************************/

#content{
    max-width: 50%;
	margin: 0 5em;
}

#portrait{
    margin: 5px 0 20px;
    margin: 0 0 1.7em
}


/**************************
 *      Media Query
 *****************************/

/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

	body{
		font-size: 22px;
	}
    /**************************
     *      HEADER
     *****************************/
    
    .timeline{
        margin-bottom: 5em;
    }
    #logo{
        width: 280px;
        margin-bottom: 100px;
    }
    
    
    /**************************
     *      CONTENT
     *****************************/
    
    #content{
        max-width: 40%;
		margin: 0 6.4em;
    }

}



/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {


}



/***** Phone *****/
@media only screen and (max-width: 767px) {
    body{
        margin: 40px 25px;
    }
	header{
		margin: 0;
	}
    
	.timeline{
		display: none;
	}
	.mob,
	.mob .timeline{
		display: block
	}

    #logo{
        width: 200px;
        margin-bottom: 35px;
    }

    #content{
        max-width: none;
        margin: 0 1.2em;
    }
.time-line-nolink{
    display: none;
}
.time-line-link{
    display: inline;
}

}