@media only screen and (max-width: 2560px) {

html{
    background: url(GG_BlackPanther.jpg) no-repeat center center fixed;
    width: 100%;
    min-height: 100%;
    position:absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index:0;
    }
body{
    margin:0;
    padding:0;
    position:relative;
    background:black;
    }
.innertopright{
    position:absolute;
    z-index:1;
    float:right;
    padding-top:5%;
    padding-right:5%;
    top:0;
    right:0;
    }
.innermiddleright{
    position:absolute;
    z-index:1;
    float:right;
    padding-top:50%;
    padding-right:5%;
    top:0;
    right:0;
    }
.innerbottomright{
    position:fixed;
    z-index:1;
    float:right;
    padding-bottom:5%;
    padding-right:5%;
    bottom:0;
    right:0;
    }
.innertopleft{
    position:absolute;
    z-index:1;
    float:left;
    padding-top:5%;
    padding-left:5%;
    top:0;
    left:0;
    }
.innermiddleleft{
    position:absolute;
    z-index:1;
    float:left;
    padding-top:50%;
    padding-left:5%;
    top:0;
    left:0;
    }
.innerbottomleft{
    position:fixed;
    z-index:1;
    float:left;
    padding-bottom:5%;
    padding-left:5%;
    bottom:0;
    left:0;
    }
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
html{
    background: url(GG_BlackPanther.jpg) no-repeat center center fixed;
    width: 100%;
    min-height: 100%;
    position:absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index:0;
    }
body{
    margin:0;
    padding:0;
    position:relative;
    background:black;
    }
.innertopright{
    position:absolute;
    z-index:1;
    float:right;
    padding-top:20px;
    padding-right:30px;
    top:0;
    right:0;
    }
.innermiddleright{
    position:absolute;
    z-index:1;
    float:right;
    padding-top:180px;
    padding-right:20px;
    top:0;
    right:0;
    }
.innerbottomright{
    position:fixed;
    z-index:1;
    float:right;
    padding-bottom:40px;
    padding-right:40px;
    bottom:0;
    right:0;
    }
.innerbottomleft{
    position:fixed;
    z-index:1;
    float:left;
    padding-bottom:10px;
    padding-left:10px;
    bottom:0;
    left:0;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
html{
    background: url(GG_BlackPanther.jpg) no-repeat center center fixed;
    width: 100%;
    min-height: 100%;
    position:absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index:0;
    }
body{
    margin:0;
    padding:0;
    position:relative;
    background:grey;
    }
.innertopright{
    position:absolute;
    z-index:1;
    float:right;
    padding-top:20px;
    padding-right:30px;
    top:0;
    right:0;
    }
.innermiddleright{
    position:absolute;
    z-index:1;
    float:right;
    padding-top:180px;
    padding-right:20px;
    top:0;
    right:0;
    }
.innerbottomright{
    position:fixed;
    z-index:1;
    float:right;
    padding-bottom:40px;
    padding-right:40px;
    bottom:0;
    right:0;
    }
.innerbottomleft{
    position:fixed;
    z-index:1;
    float:left;
    padding-bottom:10px;
    padding-left:10px;
    bottom:0;
    left:0;
    }
}

.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-filter: drop-shadow(16px 16px 10px rgba(209,223,237,0.9));
	filter: drop-shadow(16px 16px 10px rgba(209,223,237,0.9));
	-webkit-transition: all 1.3s ease-in-out;
	-moz-transition:    all 1.3s ease-in-out;
	-o-transition:      all 1.3s ease-in-out;
	-ms-transition:     all 1.3s ease-in-out;
}

.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-filter: drop-shadow(16px 16px 10px rgba(209,223,237,0.9));
	filter: drop-shadow(16px 16px 10px rgba(209,223,237,0.9));
	-webkit-transform: rotate(360deg) scale(1.5);
	-moz-transform:    rotate(360deg) scale(1.5);
	-o-transform:      rotate(360deg) scale(1.5);
	-ms-transform:     rotate(360deg) scale(1.5);
}


#footer {
    width:100%;
    height:23px;
    text-align:center;
    position:absolute;
    bottom:0;
    left:0;
    background:clear;
    color:white;
   }