/* ****************************************************
Main box & text
**************************************************** */
#displaycase {
	position:relative;
	width: 1024px;
	height: 512px;
	margin-left: auto;
	margin-right: auto;
    overflow:hidden;
}

#displaycase #text_box {
    position:absolute;
    top:0px;
    width:512px;
    height:200px;
    top:25%;
    margin-left:0px;
    text-align:left;
}
#displaycase #text_box h2 {
    text-align:inherit;
    font-weight: 600;
    font-size:1.5rem;
    font-weight: 500;
    margin-bottom:16px;
}
#displaycase #text_box h1,
#displaycase #text_box p {
    opacity:.8;
    text-align:inherit;
    font-size:1.5rem;
    font-weight:400;
    margin-bottom:32px;
}

#displaycase #text_box #hire_button {
    text-align:inherit;
    font-size:1.5rem;
    font-weight:600;
    border-radius:5px;
    background-color:#2da9fb;
    border:1px solid #1889f5;
    text-shadow: 0px 1px 0px #1889f5;
    color:white;
    padding: 4px;
	padding-left: 16px;
	padding-right: 16px;
    
    /*Initializing Stuff*/
    background-image: -webkit-linear-gradient(#2da9fb, #2da9fb);
}
#displaycase #text_box #hire_button:hover {
    background-image: -webkit-linear-gradient(#3cbafd, #2da9fb);
    background: -o-linear-gradient(#3cbafd, #2da9fb);
    background: -moz-linear-gradient(#3cbafd, #2da9fb);
    background: linear-gradient(#3cbafd, #2da9fb);
}
#displaycase #text_box #hire_button:active {
    background-image: -webkit-linear-gradient(#1889f5, #2da9fb);
    background: -o-linear-gradient(#1889f5, #2da9fb);
    background: -moz-linear-gradient(#1889f5, #2da9fb);
    background: linear-gradient(#1889f5, #2da9fb);
}
/* ****************************************************
Slideshow animation
**************************************************** */
#displaycase_slideshow {
    width:512px;
    position:absolute;
    right:0px;
}
#displaycase_slideshow img {
    width:512px;
    height:512px;
    opacity:1;
    border-radius:0px;
     -webkit-transition:none !important;
    -moz-transition:none !important;
    transition:none !important;   
}

/* ******** Mobile Stuff ******** */
@media (max-device-width: 720px), (max-width: 720px) {
    #displaycase {
        width: 512px;
        height: 768px;
    }
    #displaycase #text_box {
        position:relative;
        top:512px;
        width:512px;
        display:block;
        margin:0px;
        text-align:center;
    }
    #displaycase_slideshow {
        width:512px;
        position:absolute;
        top:0px;
    }
}