/* for 1024px or less */
@media screen and (max-width: 1920px) {* { padding: 0; margin: 0; }


body {
			background: #000000; /* Old browsers */
			background-image: url('custom-bg.jpg');
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: 100% 100%;
			background-position: center center;
			font-family: "Trebuchet MS", Helvetica, sans-serif;
			font-size: .875em;
			margin: 0;
			padding: 0;
}

#wrapper { 
			margin: 0 auto;
			width: 100%;
			overflow: hidden;
			}

#header {	color: #002400;
			width: 100%;
			float: none;
			padding-bottom: 30px;
			text-align:left;
			border: 0px solid #ccc;
			margin: 5px 0px 0px 0px;
			border-bottom: 3px solid #ad1283;
			border-radius: 15px 15px 0px 0px;
			-moz-border-radius: 15px 15px 0px 0px;
			-webkit-border-radius: 15px 15px 0px 0px;
}

#business {	color: #ad1283;
			font-size:3.9vw;
			width:75%;
			padding-top:20px;
			padding-left: 20px;
			font-weight: bold;
}

#category {
			font-size:1.1em;
			font-style:italic;
			padding-left: 20px;
			color: grey;
			margin: 0px 10px 0px 15px;
}

#phone {		float: right;
			text-align:center;
			margin-right: -5px;
			margin-top: -10px;
			font-size:2vw;
			padding: 10px;
			width:36%;
			background-color: #ad1283;
			color: #fff;
			font-weight: bold;
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
}

#mediaicons {margin: 20px 0px 10px 900px;
float: none;
width: 25%;
		
}

#facebook {
    background-image:url('http://www.illhostinginc.com/images/social/facebook-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#google {
    background-image:url('http://www.illhostinginc.com/images/social/google-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#twitter {
    background-image:url('http://www.illhostinginc.com/images/social/twitter-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#nav {
			margin: 0px 25px 10px 75px;
			padding-top: 15px;
			padding-bottom: 5px;
			width:100%;
			float: none;
			}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#nav li {float: left;}

#nav a:link, a:visited {
			display: inline-block;
			width: 15%;
			font-weight: bold;
			color: #fff;
			background: #98bf21;
			background: -webkit-gradient(linear, left top, left bottom, from(#ad1283), to(#cb60b3));
			background: -moz-linear-gradient(top,  #ad1283,  #cb60b3);
			text-shadow: 0 1px 1px rgba(0,0,0,.3);
			-webkit-border-radius: .5em; 
			-moz-border-radius: .5em;
			border-radius: .5em;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			text-align: center;
			padding: 8px;
			text-decoration: none;
			text-transform: uppercase;
}

#nav a:hover, a:active {
			background: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
			background: -moz-linear-gradient(top,  #7d7e7d,  #0e0e0e);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e');
}
	
#header-image {
			background-image: url('custom-header.jpg');
			border: 2px solid black;
			background-repeat: no-repeat;
			background-position: top right;
			background-size: 100% 100%;
			margin: 25px 25px 10px 25px;
			padding: 10px;
			float: none;
			height: 400px;
			width: auto;
			display: block;
			
}


#content { 
			float: left;
			color: #000;
			border: 3px solid #ad1283;
			background:#fff;
			margin-top: 3%;
			margin-left: 10%;
			margin-right: auto;
			padding: 5px;
			width: 80%;
			height: max-height;
			display: inline;
			-webkit-box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			
}

#main {
			width: 70%;
			margin-left:10px;
			margin-top: 3px;
			padding-left: 10px;
			text-align: justify;
}

#main h1 {
			
			
			padding-left: 5px;
			
		
			
}

a.main:link, a.main:visited {color: black; font-weight: bold; text-decoration: none;}

#gallery {
			width: 75%;
			margin-left:100px;
			margin-top: 3px;
			padding: 0;
			text-align: justify;
}




#right {
			border: 2px solid black; 
			text-align: center;
			padding: 4px;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			width: 25%;
			float: right;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
}

#right h2 {
			color: #fff;
			padding: 4px;
			width: 97%;
			text-align: center;
			border-right: 2px solid black;
			border-bottom: 2px solid black;
			background: -webkit-gradient(linear, left top, left bottom, from(#ad1283), to(#cb60b3));
			background: -moz-linear-gradient(top,  #ad1283,  #cb60b3);
			text-shadow: 0 1px 1px rgba(0,0,0,.3);
			-webkit-border-radius: .5em; 
			-moz-border-radius: .5em;
			border-radius: 0px;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#right .info {
			padding: 6px;
}

a.article:link, a.article:visited {color: black; font-weight: bold;}
a.article:hover {color:grey;}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }





#footer { 
			width: 80%;
			clear: both;
			color: white;
			border-bottom: 3px solid #ad1283;
			border-left: 3px solid #ad1283;
			border-right: 3px solid #ad1283;
			background-color:#ad1283;
			margin-left:10%;
			padding: 5px;
			text-align: center;
			-webkit-box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
} 

input[type=text], input[type=email], input[type=tel] input[type=textarea] {
			-webkit-appearance: none; -moz-appearance: none;
			display: block;
			margin: 0;
			width: 100%; height: 40px;
			line-height: 40px; font-size: 17px;
			border: 1px solid #0a77d5;
			background-color:#fff;
}

button[type=submit] {
			-webkit-appearance: none; -moz-appearance: none;
			display: block;
			margin: 1.5em 0;
			font-size: 1em; line-height: 2.5em;
			color: #333;
			font-weight: bold;
			height: 2.5em; width: 100%;
			background: #fdfdfd;
			background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe));
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: 			-o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 				background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
			border: 1px solid #bbb;
			-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

}


/* for 700px or less */
@media screen and (max-width: 950px) {* { padding: 0; margin: 0; }


body {
			background: #ad1283; /* Old browsers */
			
			font-family: "Trebuchet MS", Helvetica, sans-serif;
			font-size: 2vmin;
			margin: 0;
			padding: 0;
}

#wrapper { 
			margin: 0 auto;
			width: 100%;
}

#header {		color: #0a77d5;
			width: 100%;
			float: none;
			padding-bottom: 40px;
			text-align:center;
			border: 0px solid #ccc;
			margin: 5px 10px 0px 5px;
			border-bottom: 3px solid #ad1283;
			border-radius: 15px 15px 0px 0px;
			-moz-border-radius: 15px 15px 0px 0px;
			-webkit-border-radius: 15px 15px 0px 0px;
}

#business {
			font-size:7.9vw;
			margin-left: 200px;
			text-align: center;
			width:50%;
			padding-top:20px;
			padding-left: 20px;
}

#category {
			font-size:1.1em;
			font-style:italic;
			padding-left: 20px;
			color: grey;
			margin: 0px 10px 0px 15px;
}

#phone {		float: right;
			text-align:center;
			margin-right: -15px;
			margin-top: -10px;
			font-size:5vw;
			padding: 15px;
			width:100%;
			background-color: #0a77d5;
			color: white;
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
}

#mediaicons {margin-left: 20vw;
margin-top: 40px;
		
}

#facebook {
    background-image:url('http://www.illhostinginc.com/images/social/facebook-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#google {
    background-image:url('http://www.illhostinginc.com/images/social/google-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#twitter {
    background-image:url('http://www.illhostinginc.com/images/social/twitter-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}




#nav {
			margin: 10px 0px 10px 50px;
			padding-bottom: 5px;
			width:100%;
			float: none;
			display: block;
}

#nav ul {
			list-style-type: none;
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
}

#nav li {
			float: left;
}

#nav a:link, a:visited {
			display: inline-block;
			width: 15%;
			font-weight: bold;
			color: #FFFFFF;
			background: #98bf21;
			background: -webkit-gradient(linear, left top, left bottom, from(#ad1283), to(#cb60b3));
			background: -moz-linear-gradient(top,  #ad1283,  #cb60b3);
			text-shadow: 0 1px 1px rgba(0,0,0,.3);
			-webkit-border-radius: .5em; 
			-moz-border-radius: .5em;
			border-radius: .5em;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			text-align: center;
			padding: 8px;
			text-decoration: none;
			text-transform: uppercase;
}

#nav a:hover, a:active {
			background: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
			background: -moz-linear-gradient(top,  #7d7e7d,  #0e0e0e);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e');
}
	
#header-image {
			background-image: url('custom-header.jpg');
			border: 2px solid black;
			background-repeat: no-repeat;
			background-position: top right;
			background-size: 100% 100%;
			margin: 25px 25px 10px 25px;
			padding: 10px;
			float: none;
			height: 400px;
			width: auto;
			display: block;
			
}


#content { 
			float: none;
			color: #000;
			border: 0px solid #ad1283;
			background:#fff;
			margin: 0 auto;
			padding: 0;
			width: 100%;
			height: max-height;
			display: block;
			-webkit-box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			box-shadow: -4px 28px 114px 0px rgba(0,0,0,0.75);
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
}

#main {
			width: 60%;
			margin-left:10px;
			margin-top: 3px;
			padding-left: 10px;
			text-align: justify;
			font-size: 2vmin;
}

#main h1 {
			
			
			padding-left: 5px;
			
		
			
}

#gallery {
			width: 75%;
			margin-left:5px;
			margin-top: 3px;
			padding-left: 10px;
			text-align: justify;
}




#right {
			border: 2px solid black; 
			text-align: center;
			padding: 4px;
			padding-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			margin-right: 10px;
			width: 25%;
			float: right;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
}

#right h2 {
			color: white;
			padding: 4px;
			width: 95%;
			text-align: center;
			border-right: 2px solid black;
			border-bottom: 2px solid black;
			background: -webkit-gradient(linear, left top, left bottom, from(#ad1283), to(#cb60b3));
			background: -moz-linear-gradient(top,  #ad1283,  #cb60b3);
			text-shadow: 0 1px 1px rgba(0,0,0,.3);
			-webkit-border-radius: .5em; 
			-moz-border-radius: .5em;
			border-radius: 0px;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#right .info {
			padding: 6px;
}

a.article:link, a.article:visited {color: black; font-weight: bold;}
a.article:hover {color:grey;}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }





#footer { 
			width: 100%;
			clear: both;
			color: white;
			font-size: 3vmin;
			background-color:#000;
			border: 0px solid #ad1283;
			padding: 0;
			margin: 0;
			text-align: center;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
			-moz-box-shadow: -0px 0px 0px 0px rgba(0,0,0,);
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
}

input[type=text], input[type=email], input[type=tel] input[type=textarea] {
			-webkit-appearance: none; -moz-appearance: none;
			display: block;
			margin: 0;
			width: 100%; height: 40px;
			line-height: 40px; font-size: 17px;
			border: 1px solid #0a77d5;
			background-color:#fff;
}

button[type=submit] {
			-webkit-appearance: none; -moz-appearance: none;
			display: block;
			margin: 1.5em 0;
			font-size: 1em; line-height: 2.5em;
			color: #333;
			font-weight: bold;
			height: 2.5em; width: 100%;
			background: #fdfdfd;
			background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe));
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: 			-o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 				background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
			border: 1px solid #bbb;
			-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

}


/* for 480px or less */
@media screen and (max-width: 480px) { * { padding: 0; margin: 0; }

#wrapper { 		padding: 0;
			margin: 0;
			width: 100%;
}
 body {background: black;
			font-family: "Trebuchet MS", Helvetica, sans-serif;
			font-size: 2vmin;
			padding: 0;
			margin: 0;} 

#content {		
			float: none;
			margin: 0;
			padding: 0;
			border: 0px solid black;
			color: #000;
			width: 100%;
			display: block;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
			-moz-box-shadow: -0px 0px 0px 0px rgba(0,0,0,);
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
}

#header {		color: #0a77d5;
			width: 100%
			float: none;
			padding-bottom: 5px;
			text-align:left;
			border: 0px solid #ccc;
			margin: 5px 0px 0px 0px;
			
			border-radius: 15px 15px 0px 0px;
			-moz-border-radius: 15px 15px 0px 0px;
			-webkit-border-radius: 15px 15px 0px 0px;
}

#business {
			font-size:7.9vw;
			width:80%;
			text-align: center;
			margin: 0px 10px 0px 15px;
			
}

#category {
			font-size:4.1vmin;
			font-style:italic;
			text-align: center;
			color: grey;
			margin: 0;
}

#phone {		float: none;
			text-align:center;
			margin: 0;
			font-size:8vmin;
			padding: 0;
			width:100%;
			background-color: #0a77d5;
			color: white;
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
}

#mediaicons {display: block;
float: none;
margin-left: 400px;
margin-top: 40px;
width: 50%;		
}

#facebook {
    background-image:url('http://www.illhostinginc.com/images/social/facebook-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#google {
    background-image:url('http://www.illhostinginc.com/images/social/google-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#twitter {
    background-image:url('http://www.illhostinginc.com/images/social/twitter-v.png');
    display:inline-block;
    height:30px;
    text-indent:-9999px;
    width:30px;
}

#nav {
			
			padding: 0;
			margin:0;
			width:90%;
			float: none;
			display: block;
}

#nav ul {
			list-style-type: none;
			width: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
}

#nav li {
			float: none;
}

#nav a:link, a:visited {
			display:block;
			width: 100%;
			font-weight: bold;
			font-size: 4vmin;
			color: #FFFFFF;
			background: #98bf21;
			background: -webkit-gradient(linear, left top, left bottom, from(#ad1283), to(#cb60b3));
			background: -moz-linear-gradient(top,  #ad1283,  #cb60b3);
			text-shadow: 0 1px 1px rgba(0,0,0,.3);
			-webkit-border-radius: .5em; 
			-moz-border-radius: .5em;
			border-radius: .5em;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			text-align: center;
			padding: 8px;
			text-decoration: none;
			text-transform: uppercase;
}

#nav a:hover, a:active {
			background: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
			background: -moz-linear-gradient(top,  #7d7e7d,  #0e0e0e);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e');
}

#header-image {
			background-image: url('custom-header.jpg');
			border: 2px solid black;
			background-repeat: no-repeat;
			background-position: top right;
			background-size: 100% 100%;
			margin: 5px 10px 0px 20px;
			padding: 10px;
			float: none;
			display: none;
			height: 20%;
			width: 80%;
			
}

#main {
			width: 90%;
			margin-top: 50px;
			padding-left: 5px;
			font-size: 4vmin;
			text-align: justify;
}

#main h1 {
			
			
			padding: 0;
			
		
			
}

#gallery {
			width: 75%;
			margin: 0;
			margin-top: 3px;
			padding-left: 10px;
			text-align: justify;
}




#right {
			border: 2px solid black; 
			text-align: center;
			margin: 200px 10px 0px 40px;
			padding-bottom: 5px;
			width: 50%;
			float: none;
			font-size: 4vmin;
			display: block;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
}

#right h2 {
			color: white;
			padding: 4px;
			margin: 0px 9px 0px 0px;
			border-right: 1px solid black;
			width: 95%;
			text-align: center;
			border-right: 2px solid black;
			border-bottom: 2px solid black;
			background: -webkit-gradient(linear, left top, left bottom, from(#ad1283), to(#cb60b3));
			background: -moz-linear-gradient(top,  #ad1283,  #cb60b3);
			text-shadow: 0 1px 1px rgba(0,0,0,.3);
			-webkit-border-radius: .5em; 
			-moz-border-radius: .5em;
			border-radius: 0px;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#right .info {
			padding: 6px;
}

a.article:link, a.article:visited {color: black; font-weight: bold;}
a.article:hover {color:grey;}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

input[type=text], input[type=email], input[type=tel], input[type=comments]  {
			-webkit-appearance: none; -moz-appearance: none;
			display: block;
			margin: 0;
			width: 50%; height: 40px;
			line-height: 40px; font-size: 17px;
			border: 1px solid #0a77d5;
			background-color:#d0e4f7;
}

#footer { 
			width: 100%;
			clear: both;
			color: white;
			font-size: 5vmin;
			background-color:#000;
			border: 0px solid #ad1283;
			padding: 0;
			margin: 0;
			text-align: center;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
			-moz-box-shadow: -0px 0px 0px 0px rgba(0,0,0,);
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
			border-radius: 0px 0px 0px 0px;
			-moz-border-radius: 0px 0px 0px 0px;
			-webkit-border-radius: 0px 0px 0px 0px;
}
}