html,body{overflow-x:hidden; width:100%; }
.box1{
position:absolute;
margin:0 auto;
right:1px;
top:-1px;
width:100%;
height:500px;
background-image:url('back_img/blurred-building.jpg');
}
.box2{
position:absolute;
margin:0 auto;
right:1px;
top:400px;
width:100%;
height:500px;
background-image:url('responsive.png');
background-color:IndianRed;
background-repeat:no-repeat;
background-position:center;
}

.box3{
position:absolute;
margin:0 auto;
right:1px;
top:900px;
width:100%;
height:600px;
background-color:#F64E2E;
}

.box4{
position:absolute;
margin:0 auto;
right:1px;
top:1250px;
width:100%;
height:150px;
background-color:black;
}

.box5{
position:absolute;
margin:0 auto;
right:1px;
top:1400px;
width:100%;
height:800px;
background-color:#06b6ff;
}

.box6{
position:absolute;
margin:0 auto;
right:1px;
top:2200px;
width:100%;
height:300px;
background-image:url('support-banner.png');
background-color:#B2C4DA;
background-repeat:no-repeat;
background-position:center;
}


.box7{
position:absolute;
margin:0 auto;
right:1px;
top:2500px;
width:100%;
height:200px;
background-color:#2B474C;
}


#social{
position:relative;
margin:0 auto;
top:-31px;
width:410px;
height:auto;
}

#social img{
margin:10px;
display:inline-block;
}
.menu{
position:relative;
top:150px;
width:50em;
height:50px;
margin:0 auto;
border-radius:6px;
/* background:RoyalBlue; */
z-index:1;
}

img#small-logo{
margin-top:-32px;
}

.logo{
background:url('icon-logo/icon-mini.png');
position:relative;
top:-35px;
width:122px;
height:120px;
right:30px;
border-radius:6px;
z-index:2;
}

ul{
position:relative;
top:-135px;
left:2px;
width:94%;
height:46px;
}

li{
position:relative;
left:60px;
margin:0px 10px 45px 20px;
list-style-type:none;
display:inline-block;
}

ul a{
text-decoration:none;
color:#fff;
font-size:2em;
font-family: 'Open Sans Condensed', sans-serif;
}


 p.tagline{
color:#fff;
font-size:4em;
font-family: 'Open Sans Condensed', sans-serif;
margin-left:100px;
width:900px;
margin-top:-140px;
}  
p.host-info{
margin:0 auto;
color:#fff;
font-size:3em;
width:750px;
font-family: 'Open Sans Condensed', sans-serif;
text-align:center;
margin-top:20px;
} 
p.offers-ends{
margin:0 auto;
color:#fff;
font-size:5em;
width:800px;
font-family: 'Open Sans Condensed', sans-serif;
text-align:center;
margin-top:20px;
} 

p.titles{
color:#000;
font-size:3em;
font-family: 'Open Sans Condensed', sans-serif;
text-align:center;
margin-top:20px;
}






/* green */
.green {
position:relative;
float:right;
right:42px;
top:140px;
padding-left:40px;
padding-right:40px;
padding-top:10px;
padding-bottom:10px;
border-radius:5px;
font-size:1em;
color:#000;
font-family: 'Roboto Condensed', sans-serif;
text-decoration:none;
background:DarkCyan;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
position:relative;
float:right;
right:42px;
top:140px;
padding-left:40px;
padding-right:40px;
padding-top:10px;
padding-bottom:10px;
border-radius:5px;
font-size:1em;
color:#000;
font-family: 'Roboto Condensed', sans-serif;
text-decoration:none;
background:DarkCyan;
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
position:relative;
float:right;
right:42px;
top:140px;
padding-left:40px;
padding-right:40px;
padding-top:10px;
padding-bottom:10px;
border-radius:5px;
font-size:1em;
color:#000;
font-family: 'Roboto Condensed', sans-serif;
text-decoration:none;
background:DarkCyan;
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


#title{
position:relative;
top:-100px;
float:left;
left:20px;
/* font-family: 'Open Sans Condensed', sans-serif; */
font-family: 'Squada One', cursive;
font-size: 3em;
color: #000;
border-bottom:1px solid orange;
}

.frames{
margin-top:120px;
margin-left:auto;
margin-right:auto;
width:850px;
height:auto;
/* border:2px solid black; */
}

.prices{
position:relative;
margin-left:auto;
margin-right:auto;
top:-10px;
width:96%;
height:100px;
/* border:2px solid black; */
}

#price-1{
color: #fff;
}

h1{
text-align:left;
padding-left:5px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 2.8em;
}
h3{
text-align:center;
margin-right:50px;
margin-top:-65px;
padding-right:5px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.4em;
}

h4{
text-align:right;
margin-top:-70px;
padding-right:5px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.4em;
}

#proprice{position:relative;top:5px;}
#proh3{margin-left:45px; position:relative;top:5px;}

.price-1{
position:relative;
margin-left:auto;
margin-right:auto;
top:-90px;
width:100%;
height:70px;
background:#464444;
}

#price-2{
position:relative;
display:inline-block;
/* border:2px solid black; */
margin:5px;
top:8px;
width:200px;
height:90px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.2em;
color: #000;
text-align:justify;
left:100px;
}

#price-3{
position:relative;
display:inline-block;
/* border:2px solid black; */
margin:5px;
top:24px;
width:200px;
height:90px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.2em;
color: #000;
text-align:justify;
left:165px;
}

#frame-1{
position:relative;
display:inline-block;
margin:14px;
top:30px;
width:250px;
height:590px;
border-radius:5px;
background: #ededed;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

#frame-2{
display:inline-block;
margin:14px;
width:250px;
height:590px;
border-radius:5px;
background: #ededed;
-moz-box-shadow: 0 0 5px #FF4D4D;
-webkit-box-shadow: 0 0 5px#FF4D4D;
box-shadow: 0 0 5px #FF4D4D;
}

#frame-3{
position:relative;
display:inline-block;
margin:14px;
top:30px;
width:250px;
height:590px;
border-radius:5px;
background: #ededed;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
 
img#label {
 position:relative;
 left:42px;
 top:-70px;
 }
 
 #list li{
 position:relative;
 left:-41px;
 text-align:left;
 top:160px;
 margin:0;
 padding:5px;
 width:100%;
 height:20px;
 list-style:none;
 background:GhostWhite;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 }

#packages{
position:relative;
margin-left:auto;
margin-right:auto;
left:2px;
height:400px;
top:-140px;
width:98%;
padding:8px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.2em;
color: #000;
}

span#info{
display:inline-block;
padding:5px;
background:#fff;
margin:5px;
border:1px solid black;
}

---------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------