html, body { 
	position: relative;
	min-width:1024px;
	min-height:1024px;
	margin:0;
	padding:0;background:#000;
	background-image: url("background.png");
	line-height:1;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:100%;
	
	}
	
	
	
#container { min-width: 991px; max-width: 1024px; width:expression(document.body.clientWidth < 991? "991px" : document.body.clientWidth > 1024? "1024px" : "auto"); } 


h1, h2, .nav-link, .playlist-btn {
	font-family:'Source Sans Pro', sans-serif; font-weight:900; 
	text-transform:uppercase;
}
h1 {font-size:48px; }
h1, h2, h4, p { margin-bottom:10px; font-weight:475; line-height:1.7;color:#fff; text-shadow: 1px 1px 1px #000;}

h3 {color:#ffe400;text-shadow: 1px 1px 1px #000; Margin-top:2em;}

}


/* Tablet Landscape */
@media screen and (max-width: 1060px) {
#primary { width:67%; }
#secondary { width:30%; margin-left:3%;}  
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
#primary { width:100%; }
#secondary { width:100%; margin:0; border:none; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
html, body { 
min-width:100%;





}
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
html, body { 
min-width:100%;





}
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
html, body { 
min-width:100%;





}
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
html, body { 
min-width:100%;





}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
html, body { 
min-width:100%;





}
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
html, body { 
min-width:100%;





}
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
html, body { 
min-width:100%;





}
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
html, body { 
min-width:100%;





}
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
html, body { 
min-width:100%;





}
}









img { max-width: 100%; }


p { margin-bottom: 15px;  }
a { color:#fff; font-style:italic; }
blockquote { 
	background:#fff; 
	margin:0 0 20px;
	padding:5px 20px; 
}
pre {
	white-space:pre-wrap;       /* css-3 */
	white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space:-pre-wrap;      /* Opera 4-6 */
	white-space:-o-pre-wrap;    /* Opera 7 */
	word-wrap:break-word;       /* Internet Explorer 5.5+ */
}
.box { 
	background:#444; background:rgba(0,0,0,.6);
	padding:20px;
	border-radius:5px;
	margin-bottom:20px;
}
.nav { 
	position:fixed; 
	top:2%;
	left:1%;
	z-index: 999999;
	width:150px; 
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
}
.credit {
	margin:20px 0;
}
.download-links { margin-top:20px; }
.download { margin-left:10px; padding:5px 10px; color:#fff; background:#111; border-radius:5px; display: inline; }
.video-list {
	list-style:none;
	margin:0 0 -10px;
	padding:0;
	text-align:center;
}
.video-list li {
	margin-bottom:10px;
}
.video-list .playlist-btn {
	display:block;
	width:100%;
}
#number{
float:right;
margin-right:8em;
color:#ffe400;

}

.profilepic{
float:left;


}


#serviceslist{
display:inline;
color:#fff;
line-height:1.6;
font-family: Arial Black, Arial Bold, Gadget, sans-serif;
font-weight:800;
}






#serviceslist ul {
 
 list-style-image: url(check.png); 
  }	

#serviceslist li {

}



#webcustom{
float:left;
margin-top:2em;


}




#seoimages{
margin-top:5em;



}










.main {
	position:relative;
	margin:50px 50px 440px 220px;
	min-width:300px;
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
}
.nav-link {
	display:block;
	padding-bottom:10px;
	text-decoration:none;
	font-style:normal;
}
.toggle-btn {
	position: absolute;
	bottom: -50px;
	left: 5px;
	background:rgba(0,0,0,.8);
	padding: 6px 12px;
	border-radius: 10px;
	color: #fff;
	font-size: .8em;
	font-family:'Source Sans Pro', sans-serif; font-weight:900; 
	text-transform: uppercase;
}
.playlist { 
	padding:0; 
	margin:20px 20px 40px;
}
.playlist-btn { 
	background:#000; 
	text-decoration:none; 
	font-weight:bold; 
	font-style:normal; 
	text-transform:uppercase; 
	font-size:14px; 
	padding:5px 10px; 
	margin-right:10px;
	border-radius:5px; 
}
.dimmed {opacity:.7;}
.footer-text {
	padding:0 20px;
	font-size:.9em;
	font-style:italic;
	opacity:.8;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}