/* universal */
body {
	padding-left: 20em;
	padding-right: 5em;
	padding-top: 4em;
	padding-bottom: 2em;
	font-family: Arial, sans-serif;
	margin: 0;
	}

h1 {
	font-size: 15px;
	color: #3F081F;
	text-align: center;
	}
h2 {
	font-size: 14px;
	color: #bc4160;
	text-align: left;
	}

p {
	font-size: 12px;
	color: #555;
	}


hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 2px solid #3F081F;
	margin: 1em 0;
	padding: 0;
	}

.top-line {
	border-bottom: 6px solid white;
	position: absolute;
	bottom: 90%;
}

.vertical-line {
	border-left: 6px solid white;
	height: 100%;
	position: absolute;
	left: 90%;
	margin-left: -3px;
	top: -1em;
}


a:link {color: #bc4160 }
a:visited {color: #bc4160 }

/* universal header_color */
.header_color {
	position: fixed;
	width: 100%;
	height: 1em;
	z-index: 1;
	padding-top: 1em;
	padding-bottom: 2em;
	top: 0; 
  	left: 0;
	background-color: #fac4d1;
	color: #3F081F;
	}

/* universal sidebar */
.navbar_div {
	position: fixed;
	height: 100%;
	z-index: 1;
	top: 4em; 
  	left: 0;
	background-color: #d5ced1;
	}

.side_bar_sub {
	font-size: 12px;
	color: #3F081F;
	text-align: left;
	}

 ul.navbar {
	padding-left: 2em;
	padding-right: 2em;
	list-style-type: none;
	color: #3F081F;
	}

 ul.navbar_sub {
	padding-left: 1em;
	list-style-type: none;
	width: 5em;
	}

/* subpage stuff */
 ul.sub_page_navbar {
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	list-style-type: none;
	color: #3F081F;
	}

.sub_page_navbar_div{
	position: absolute;
	background-color: #FCE8F1;
	}

/* main body stuff */

.main_bod {
	padding-top: 2em;
	padding-bottom: 2em;
	margin: 0;
	}

.subpage_bod {
	padding-top: 2em;
	padding-bottom: 2em;
	margin: 0;
	}

/* art_stuff */
.pic-container {
	width: 40%;
	padding: 1em;
	background-color: #E5E4E2;
	color: #848884;
	margin: 1em;
	float: left;
	}

.pic-display {
	width: 100%;
	transition: transform .5s;
	}

.pic-display:hover
    {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
    }

/* screen size changes */
@media (max-width:999px){
	.main_bod {
	padding-left: 2em;
	padding-right: 2em;
	}
	
	.navbar_div {
	width: 9em;
	top: 4em;
	}

        ul.navbar {
	padding-left: 1em;
        }
	
	.sub_page_navbar_div{
	top: 8em;
	left: 10em;
	}

	.subpage_bod {
	padding-left: 2em;
	padding-right: 1em;
	}

    }

@media (min-width:1000px){
	.main_bod {
	padding-left: 10em;
	padding-right: 10em;
	}	
	
	.navbar_div {
        width: 12em;
	top: 4em; 
        }

        ul.navbar {
	padding-left: 2em;
        }
	
	.sub_page_navbar_div{
	top: 8em;
	left: 15em;
	}

	.subpage_bod {
	padding-left: 8em;
	padding-right: 1em;
	}

    }