.Container {
        z-index: 25;
}

.ContainerMiddle {
	position: fixed;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%);
	max-height:2524px;
	min-width:350px;
	display:flex;
	margin:auto;
	width:-moz-available; 
	width:fit-content; 
	height:80%;
}

.ContainerMiddleHeader {
        position: relative;
}

.Header {
        position: relative;
        height: 175px;
}

.Shadow {
    	filter:drop-shadow(8px 12px 2px #222);
}

.ObjectHeader {
	float:left; 
	width:-moz-available;
	width:-webkit-fill-available;
	margin-bottom: 160px;
	position: relative;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 35px */
@media screen and (min-width: 601px) {
	.ObjectTitle {
                font-size: 30px;
                -webkit-text-stroke: 1px #473926;
                font-family: Orbitron;
                color: #cd791f;
                position: fixed;
                top: 10%;
                right: 5%;
                float: right;
                z-index: 110;
    	}

	.ObjectImage {
        	height: 150px;
        	width: 190px;
        	position: relative;
        	margin-bottom: 17px;
        	float: left;
        	border-style: solid;
        	border-color: #e3e1e1;
        	border-width: 12px;
        	transform: rotate(-8.5deg);
        	box-shadow: 10px 10px 15px black;
        	left: -103px;
        	top: -54px;
        	transition: all 3s ease;
	}

	.ObjectImage:hover {
        	top: 15%;
        	left: -20%;
        	-webkit-transform: scale(2); /* WebKit */
        	-moz-transform: scale(2); /* Mozilla */
        	-o-transform: scale(2); /* Opera */
        	-ms-transform: scale(2); /* Internet Explorer */
        	transform: scale(2); /* CSS3 */
        	z-index: 120;
	}

}

/* If the screen size is 600px wide or less, set the font-size of <div> to 20px */
@media screen and (max-width: 600px) {
	.ObjectTitle {
		font-size: 30px;
		-webkit-text-stroke: 1px #473926; /* width and color */
    		font-family: Orbitron; color: #cd791f;
		position:fixed;
		top:0px;
		right:25px;
		float:right;
		z-index:110;
    	}

        .ObjectImage {
                height: 150px;
                width: 190px;
                position: relative;
                margin-bottom: 17px;
                float: left;
                border-style: solid;
                border-color: #e3e1e1;
                border-width: 12px;
                /*transform: rotate(-8.5deg);*/
                box-shadow: 10px 10px 15px black;
                left: -10px;
                top: -30px;
                transition: all 3s ease;
        }

        .ObjectImage:hover {
                top: 15%;
                left: 14%;
                -webkit-transform: scale(2); /* WebKit */
                -moz-transform: scale(2); /* Mozilla */
                -o-transform: scale(2); /* Opera */
                -ms-transform: scale(2); /* Internet Explorer */
                transform: scale(1.5); /* CSS3 */
                z-index: 120;
        }
}

.ObjectPrinter {
	clear: left;
	margin: 5px;
	position: relative;
	top: 30px;
	left: -5px;
	cursor: pointer;
}

.ObjectEmail {
	clear: left;
	margin: 5px;
	position: relative;
	top: 30px;
	left: -5px;
	cursor: pointer;
}

.ObjectMessage {
	clear: left;
	margin: 5px;
	position: relative;
	top: 30px;
	left: -5px;
	cursor: pointer;
}

p {
        margin-bottom: 50px;
	max-width: 800px;
}

ul li:first-of-type {
    	list-style: none;
    	margin-left: -1em;
    	font-weight: bold;
}

html {
         height: 100%;
}

.scroller {
  	scrollbar-color:  #d09a5d #dbba78;
  	scrollbar-width: thin;
	-ms-overflow-style: scrollbar;
}

/* Works on Chrome, Edge, and Safari */
.scroller::-webkit-scrollbar {
  	width: 12px;
}

.scroller::-webkit-scrollbar-track {
  	background: #dbba78;
}

.scroller::-webkit-scrollbar-thumb {
        background-color: #d09a5d;
        border-radius: 20px;
        border: 3px solid #dbba78;
}

.bottom_fade {
    	height: 75px;
    	z-index: 50;
    	position: fixed;
    	bottom: 0;
	display: flex; 
}

.top_fade {
    	height: 150px;
    	z-index: 55;
    	position: fixed;
    	top: 0;
	display: flex; 
}

.unselectable {
    -khtml-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}