/* 

Lauren Brady


/* style your links */

@font-face { font-family: "AkzidenzRegular"; src: url("../fonts/AkzidenzGroteskStd-Regular.otf");}
@font-face { font-family: "AkzidenzIt"; src: url("../fonts/AkzidenzGroteskStd-It.otf"); }
@font-face { font-family: "AkzidenzEx"; src: url("../fonts/AkzidenzGroteskStd-Ext.otf");}

@font-face { font-family: "AkzidenzBold"; src: url("../fonts/AkzidenzGroteskStd-Bold.otf");}
@font-face { font-family: "AkzidenzBoldIt"; src: url("../fonts/AkzidenzGroteskStd-Bold.otf");}

@font-face { font-family: "AkzidenzLight"; src: url("../fonts/AkzidenzGroteskStd-Light.otf"); }
@font-face { font-family: "AkzidenzLightIt"; src: url("../fonts/AkzidenzGroteskStd-LightIt.otf"); }
@font-face { font-family: "AkzidenzLightEx"; src: url("../fonts/AkzidenzGroteskStd-LightEx.otf");}
@font-face { font-family: "AkzidenzLightCon"; src: url("../fonts/AkzidenzGroteskStd-LightCn.otf"); }

@font-face { font-family: "AkzidenzSuper"; src: url("../fonts/AkzidenzGroteskStd-Super.otf");}

@font-face { font-family: "AkzidenzCon"; src: url("../fonts/AkzidenzGroteskStd-Cn.otf"); }
@font-face { font-family: "AkzidenzConIt"; src: url("../fonts/AkzidenzGroteskStd-CnIt.otf"); }



html,body {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "AkzidenzRegular";
	size: 18pt;
}

h2 {

}

h3 {

}

a:link { 
	color: black;
	text-decoration: none;
}

a:visited {
	color: blue;
	text-decoration: none;
}

a:hover {
	color: chartreuse;
	text-decoration: none;
}

a:active {

}

iframe {
	border: solid blue 1px;
	width: 80%;
	margin-left: 90px;
	margin-right: 90px;
	margin-bottom: 10px;
}

img {
	padding: 0;
}

p {
/*	border: solid 1px magenta;*/
}

video {
	border: solid 1px blue;
	padding: 0;
	max-width: 707px;
	text-align: center;
	margin-bottom: 10px;
}


/* CLASSES
---------- */

.allcontentwrap { 
	position: relative;
	width: 75%;
	margin: 0 auto;
}

.header {
	position: relative;
	width: 100%;
	max-height: 200px;
/*	border: solid 1px magenta;*/
	display: inline-block;
	text-align: center;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 5px;
	margin-top: 20px;
}

.project-title {
	position: relative;
	width: 100%;
/*	border: solid 1px magenta;*/
	display: inline-block;
	padding-top: 30px;
	padding-bottom: 10px;
}

.project-list {
	font-family: "AkzidenzRegular";
	font-size: 16pt;
	position: relative;
	width: 100%;
/*	border: solid 1px magenta;*/
	display: inline-block;
}

.list-container {
	position: relative;
	width: 100%;
/*	border: solid 1px magenta;*/
	display: inline-block;
	padding: 30px;
	margin: 5px;
}

.image-container {
	text-align: center;
	width: 100%;
/*	border: solid 1px magenta;*/
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
/*	background: yellow;*/
}


.thumbnail {
	position: relative;
	max-height: 270px;
	max-width: 100%;
	width: auto;
	border: solid 1px blue;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
}

.thumbnail2 {

	max-height: 400px;
	max-width: 100%;
	width: auto;
	border: solid 1px blue;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
}

.thumbnail3 {

	max-height: 355px;
	max-width: 100%;
	width: auto;
	border: solid 1px blue;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
}

.thumbnail4 {

	
	max-width: 712px;
	width: auto;
	border: solid 1px blue;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
}

.project-description {
	font-family: "AkzidenzRegular";
	font-size: 12pt;
	position: relative;
	width: 100%;
/*	border: solid 1px magenta;*/
	display: inline-block;
	padding: 30px;
	margin: 5px;
/*	border: solid 1px magenta;*/
}

.footer {
	font-family: "AkzidenzRegular";
	font-size: 12pt;
	position: relative;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px; 
/*	border: solid 1px magenta;*/
	margin: 5px;
	text-align: center;
}

.back {
	font-family: "AkzidenzRegular";
	font-size: 12pt;
	color: blue;
	text-align: center;
	position: relative;
	width: 100%;
/*	border: solid 1px magenta;*/
	margin-left: 5px;
	margin-right: 5px;
/*	text-decoration: underline;*/
}

.small {
	height: 300px;
}

.tall {
	height: 500px;
}

.squishme{
	margin-left: 90px;
	margin-right: 90px;
}

.version {
	font-family: "AkzidenzEx";
	margin-top: 30px;
	margin-bottom: 10px;
}