@charset "UTF-8";

#vert-logo {
	width: 3em;
	position: fixed;
	top: 0;
	left: 1.5em;
}

#vert-logo img {
	width: 100%;
}

#vert-logo img.ig {
	width: 60%;
	margin-left: 20%;
	margin-top: 1.5em;
	opacity: 70%;
}

#vert-logo img.ig:hover {
	opacity: 100%;
}

#wrapper {
	width: 430em;
	height: auto;
	margin-top: 3.3em;
	margin-left: 6em;
}

#images {
	width: auto;
	height: auto;
}

#images .vert-image, #images .sq-image {
	width: 16em;
	margin-right: 2em;
	float: left;
}

#images .vert-image2 {
	width: 13em;
	margin-right: 2em;
	float: left;
}

#images .hor-image {
	width: 20em;
	margin-right: 2em;
	float: left;
}

#images .vert-image img, #images .vert-image2 img, #images .sq-image img, #images .hor-image img {
	width: 100%;
}

#timeline {
	width: 430em;
	height: 15em;
	margin-top: 4em;
	font-family: source-sans-3, sans-serif;
}

.title-date-vert {
	width: 15em;
	height: 4em;
	border-left: 1px solid #B1B1B1;
	padding-left: 1em;
	padding-top: 4em;
	margin-right: 2em;
	float: left;
}
	
.title-date-vert2 {
    width: 13em;
	height: 4em;
	border-left: 1px solid #B1B1B1;
	padding-left: 1em;
	padding-top: 4em;
	margin-right: 1em;
	float: left;
}

.title-date-hor {
	width: 20em;
	height: 4em;
	border-left: 1px solid #B1B1B1;
	padding-left: 1em;
	padding-top: 4em;
	margin-right: .25em;
	float: left;
}

#timeline h3 {
	font-weight: 500;
	font-size: 1em;
	line-height: 2;
	color: black;
}

#timeline p {
	font-size: .95em;
	font-weight: 300;
	line-height: 1.25;
	color: #A7A7A7;
}

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

a:hover {
	color: #6D6E71;
}


@media (min-width: 550px){

    #vert-logo {
        width: 3.5em;
		top: -1.5em;
        left: 2em;
    }
	
	#wrapper {
        width: 540em;
        margin-top: 2.3em;
        margin-left: 7.5em;
    }
	
	#images .vert-image, #images .sq-image {
        width: 20em;
        margin-right: 3em;
    }

    #images .vert-image2 {
        width: 16em;
        margin-right: 3em;
        float: left;
    }

    #images .hor-image {
        width: 22em;
        margin-right: 3em;
    }
	
    #timeline {
        width: 540em;
		margin-top: 3em;
    }
	
	.title-date-vert {
        width: 19em;
        height: 4em;
        margin-right: 3em;
		padding-top: 3em;
    }
	
	.title-date-vert2 {
        width: 16em;
        height: 4em;
        margin-right: 2em;
		padding-top: 3em;
    }
	
	.title-date-hor {
        width: 22em;
        height: 4em;
        margin-right: 1.25em;
		padding-top: 3em;
    }
	
}


@media (min-width: 950px){
	
    #vert-logo {
		top: -1em;
        left: 3em;
    }
	
	#wrapper {
		width: 595em;
        margin-top: 2.8em;
        margin-left: 9.5em;
    }
	
	#images .vert-image, #images .sq-image {
        width: 22em;
        margin-right: 3.5em;
    }

    #images .vert-image2 {
        width: 17em;
        margin-right: 3.5em;
        float: left;
    }

    #images .hor-image {
        width: 24em;
        margin-right: 3.5em;
    }
	
    #timeline {
		width: 595em;
		margin-top: 2em;
    }
	
	.title-date-vert {
        width: 21em;
        height: 4em;
        margin-right: 3.5em;
		padding-top: 2em;
    }
	
	.title-date-vert2 {
        width: 17em;
        height: 4em;
        margin-right: 2.5em;
		padding-top: 2em;
    }
	
	.title-date-hor {
        width: 24em;
        height: 4em;
        margin-right: 2.15em;
		padding-top: 2em;
    }	
	
}


@media (min-width: 1300px){
	
    #vert-logo {
        position: fixed;
        top: 0;
    }
	
	#wrapper {
		width: 675em;
        margin-top: 3.8em;
        margin-left: 9.5em;
    }
	
	#images .vert-image, #images .sq-image {
        width: 25em;
        margin-right: 4em;
    }

    #images .vert-image2 {
        width: 19em;
        margin-right: 4em;
        float: left;
    }
	
	#images .hor-image {
		width: 27em;
        margin-right: 4em;
	}
	
    #timeline {
        width: 675em;
		margin-top: 3em;
    }
	
	.title-date-vert {
        width: 24em;
        height: 4em;
        margin-right: 4em;
		padding-top: 3em;
    }
	
	.title-date-vert2 {
        width: 19em;
        height: 4em;
        margin-right: 3em;
		padding-top: 3em;
    }
	
	.title-date-hor {
        width: 27em;
        height: 4em;
        margin-right: 2.4em;
		padding-top: 3em;
    }	
		
}


/*@media (min-width: 1650px){
	
	#wrapper {
        width: 390em;
    }
	
	#images .vert-image, #images .sq-image {
        width: 28em;
        margin-right: 4em;
    }

    #images .vert-image2 {
        width: 20em;
        margin-right: 4em;
        float: left;
    }
	
	#images .hor-image {
		width: 30em;
        margin-right: 4em;
	}
	
    #timeline {
        width: 390em;
		margin-top: 3em;
    }
	
	.title-date-vert {
        width: 28em;
        height: 4em;
        margin-right: 4em;
		padding-top: 3em;
    }
	
	.title-date-vert2 {
		width: 20em;
        height: 4em;
        margin-right: 3em;
		padding-top: 3em;
	}
	
	.title-date-hor {
        width: 30em;
        height: 4em;
        margin-right: 3em;
		padding-top: 3em;
    }	
		
}
*/