@charset "UTF-8";
/* CSS Document */

body{
	background-color:#fff;
	
}

/******** Main Layout  *************/

.container{
	background-color:#FFF;
	width:100%;
	min-height:700px;
	margin:0 auto;	
	display:block;	
}
header{
	width:100%;
	background-color:#fff;
	display:block;
	height:40px;
	background-color:#0d9501;
	position:relative;
	margin-bottom:40px;
}

#socialMediaIcons{
	float:right;
	margin-right:45px;
	margin-top:10px;

}
#greenstoneLogo{
		height:75px;
		width:200px;
		position:absolute;
		top:4px;
		left:15px;
		background-image:url(../images/greenstone_logo_1.png);
		background-repeat:no-repeat;
		z-index:1000;
}


/* Navigation Menu
================================================== */

#navContainer{
	width:60%;
	display:inline-block;
	position:relative;
	z-index:1;
}
nav {
	display:inline-block;
	text-align:left;
	height:25px;
	width:90%;
	float:left;
	margin:0px 0px 0 0px;
	text-decoration:none;
	padding-top:3px;
	padding-left:225px;
	background-color:none;
}

nav a{
	text-decoration:none;
	font-size:1.0em;
	font-family: 'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:400;
	
}

nav a:visited{
	color:#fff;
}

li.nav_list_header a{
	font-size:1.1em;
	color:#FFF;
	background-color:#157815;
}
	
nav ul {text-align:left;}
nav ul li {float:left;display:inline;}
nav ul li:hover {background:none;}
nav ul li a {display:block;padding:10px 15px;color:#fff;}
nav ul li a:hover {color:#c9f38e;}



/*===============    Slide Show on home page   ============ */	
#slideShow{
	width:75%;
	height:75%;
	max-width:1150px;
	background-color:#fff;	
	display:block;
	text-align:center;
	margin:0 auto 25px;
}

/*===============    About Us box  ============ */	
#aboutUsHome{
	display:block;
	width:33%;
	height:auto;
	background-color:#fff;
	margin:0 auto;
	padding:0px 30px 15px;
	text-align:center;
	/*background-image:url(../images/roots_bg_1.jpg);*/
	background-repeat:no-repeat;
	float:left;
}


#aboutUsHomeTextBlock{
	width:100%;
	height:auto;
	background-color:#fff;
	margin:0 auto;
	padding:10px 0;
	position:relative;
	
	
}
#aboutUsHomeTextBlock h2{
	color:#1E8C0F;
	width:90%;
	margin:0 auto;
	z-index:101;
	line-height:0.8em;
	background-color:rgba(255, 255, 255, 0.9);
	
}

#aboutUsHomeTextBlock p {
	width:95%;
	margin:0 auto;
	position:relative;
	z-index:102;
	background-color:rgba(255, 255, 255, 0.7);
	font-weight:bold;
	line-height:1.1em;
}

/*********** Home Page Quick Links ***************/

#TakeMeToBox {
	width:60%;
	min-height:200px;
	background-color:#fff;
	display:inline-block;
}

#TakeMeToLinksBox{
	width:30%;
	min-height:200px;
	background-color:#fff;
	float:left;
	display:block;
	border-left:#bcbdba 2px solid;
	border-right:#bcbdba 2px solid;
	padding:10px;
}

#TakeMeToLinksBoxHeader{

	font-size:1.8em;
	margin:0 auto;
	color:#1e8c0f;
	font-family:'Passion One', "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#TakeMeToLinksBox a{
	font-size:1.5em;
	line-height:1.1em;
	margin:5px ;
	color:#FFF;
	display:block;
	min-height:1.5em;
	min-width:150px;
	max-width:230px;
	background-color:#1a4a1a;
	text-align:center;
	padding:10px 0 0px 0;
	font-family:'Passion One', "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-border-radius:.75em;
   -moz-border-radius:.75em;
	border-radius:.75em;
}

#TakeMeToLinksBox a:hover{
	background-color:#1e8c0f;
}


#FeedChartQuickLinksBox {
	width:59%;
	height:auto;
	background-color:#fff;
	display:block;
	float:right;
	padding:10px;
}


/*********** Main Products Container  ***************/
#productsContainer{
	width:100%;
	height:auto;
	background-color:#fff;
	margin:0 auto;
	display:inline-block;
	
}
	
#productsMainHeader{
	width:100%;
	display:block;
	background-color:#fff;
	background-repeat:repeat;
	margin-bottom:15px;
	padding:0;
	border-bottom:#999 2px solid;
}
#productsMainHeader h1{
	color:#060;
	font-size:2.3em;
	line-height:0.9em;
	margin:0 auto;
	width:100%;
	padding-left:5px;
	
		
}
/*********** Nectar Container  ***************/
#NectarContainer{
	width:95%;
	height:auto;
	background-color:#fff;
	display:inline-block;
	margin-top:0px;
	
	
}
#NectarTextBox{
	width:25%;
	text-align:center;
	display:inline-block;
	float:left;
	padding:15px 25px;
	margin: 25px 15px 0 15px;
	background-color:#00851F;
	-webkit-border-radius:.75em;
   -moz-border-radius:.75em;
	border-radius:.75em; 
}
#NectarTextBox h3{
	color:#fff;
	font-size:2em;
	line-height:1em;
	border-bottom:2px solid #fff;
	text-transform: uppercase;
}
#NectarTextBox h4{
	color:#fff;
	font-size:1.5em;
	line-height:.9em;
	margin-top:-15px;
	text-transform: uppercase;
}
.NectarProductImage{
	float:left;
	max-width:35%;
	height:auto;
	vertical-align:top;
	display:inline-block;
	margin-right:5px;
}

/*********** PRODUCTS MAIN PAGE  (Garden Supplements)  ***************/
#gardenSupplements{
	display:block;
	width:100%;
	min-height:700px;
	background-color:#fff;
	clear:both;
	padding-top:25px;
	
}

#productImages{
	text-align:center;
	display:inline-block;
	width:100%;
	min-height:800px;
	margin:5px 0 0 0;
}

.mix{

	min-width:300px;
	max-height:500px;
	background-color:#fff;
	vertical-align:bottom;
	margin-top:45px;
}

#productImages .mix{  /* used for javascript to replace images  */
	display:none;
}


.productTitle{
	display:block;
	width:100%;
	height:auto;
	background-color:#fff;
	color:#6D6E61;
	font-weight:400;
	font-family: 'Passion One', "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:26px;
	text-transform:uppercase;
	text-align:center;
	margin:10px auto 0;
}


 .productDescription{
	color:#9FA18F;
	font-family: 'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:1.3em;
	width:95%;
	height:auto;
	background-color:#fff;
	text-transform: uppercase;
	display:block;
	text-align:center;
	margin:5px auto 7px;
}

/*********** Filter controls  ***************/
.controls{
	color: #fff;
	padding:10px 0px 10px 10px;
	display:inline-block;
	font-size:1.1em;
	
}

#controlsBG{
	display:block;
	max-width:90%;
	min-height:40px;
	background-color:#1E8C0F;
	margin:-10px 0 0 10px;
	-webkit-border-radius:.75em;
   -moz-border-radius:.75em;
	border-radius:.75em;
	padding:5px;
}
.controls label{
	font-family: 'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:16px;
}

.controls button {
   border: none;
   background: #1D682B;
   font-size:.85em;
   padding: 6px 13px;
   margin:5px 0 0 0;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: white;
   font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   text-decoration:none;
   vertical-align: middle;
   }
.controls button:hover {
  
   background-color: #119928;
   color: #fff;
   }
.controls button:active {
   border-top-color: #85c427;
   background-color: #85c427;
   }



/*********** INDIVIDUAL PRODUCTS PAGE  ***************/

.leftBox {
	width:40%;
	min-height:500px;
	display:block;
	float:left;
	background-color:#fff;
	text-align:center;
	color:#6D6E61;
	padding-top:10px;
}
.leftBox p {
	font-size:1.3em;
	margin-top:10px;
	font-family:'Passion One',"HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.leftBox p img {
	vertical-align:middle;
}

.leftBox a {
	font-size:0.8em;
	font-family:'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-top:5px;
}


.rightBox{
	width:50%;
	min-height:500px;
	display:block;
	float:left;
	background-color:#fff;
	font-size:1.25em;
	font-family:'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:400;
	color:#6D6E61;
	padding-top:10px;
	margin-left:30px;
}

.rightBox p {
	font-weight: 300;
	color: #6D6E61;
	font-size: 0.9em;
	line-height: 1.2em;
	font-family: 'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-bottom: 2px;
}

.rightBox h2 {
	color:#3EA60F;
	font-size:1.2em;
	line-height:1.0em;
	font-family:'Passion One',"HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:400; 
	width:70%;
	margin:5px 0 -10px 0;
}

.rightBox h3 {
	color:#5B5B53;
	font-size:1.1em;
	line-height:0.8em;
	font-family:'Passion One',"HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:400; 
	width:70%;
	border-bottom:2px solid #BBBCAF;
	margin:0 0 5px 0;
}

.rightBox strong {
	font-family:'Passion One',"HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color:#5B5B53;
	font-weight:400; 
	font-size:1em;
	line-height:0.8em;
}

.rightBox sub{
	font-weight: 300;
	color: #6D6E61;
	font-size: 0.7em;
	line-height: 1.2em;
	font-family: 'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-bottom: 2px;
}


/******************* Feed Chart Page ************************/

#feeding_schedule_header{
	width:45%;
	height:45px;
	display:inline-block;
	background-color:none;
	vertical-align:middle;
	margin-top:10px;
	

}
#feeding_schedule_header img{
	display:inline-block;
	
}


.feedChartTextBox{
	display:inline-block;
	margin:0 auto;
	width:400px;
}

.feedChartTextBox a{
	vertical-align:middle;	
}

.feedChartTextBox img{
	padding:5px;	
	vertical-align:middle;

}



#feedChart_image{
	margin:0 auto;
	height:auto;
	width:95%;
	display:block;
	clear:both;
}

#feedChart_image img{
	margin:0 auto;
	display:block;

}



/*===============    Footer  ============ */	

footer{
	min-height:50px;
	background-color:#fff;
	width:95%;
	padding:20px;
	
}

footer p {
	text-align:right;
	font-size:.7em;
	color:#999;
	margin-top:30px;
}

/*================== Contact Page =========================*/
#contactPageContainer{
	min-height:650px;
}


#contactPageContainer h2{
	line-height:0.8em;
	width:80%;
	margin:0 auto;
	
}


#contactLargeContainer{
	width:95%;
	max-width:800px;
	height:auto;
	background-color:#060;
	display:block;
	margin:0 0 10px 100px;	
	border:2px solid #82BC00;
	  -webkit-border-radius: 18px; 
	  -moz-border-radius: 18px; 
	  border-radius: 18px; 
	  overflow:hidden;
	  /*background-image:url(../images/bg_tile_repeat_1.jpg);*/
}
#contactInfoBoxContainer{
	height:auto;
	width:40%;
	display:inline-block;
	background-color:none;
	text-align:center;
	padding-top:5px;
	
}

#contactInfoBox{
	width:99%;
	min-height:300px;
	background-color:none;
	margin:5px auto 0px;
	padding-left:5px;
	
}
#contactInfoBox p{
	color:#fff;
}

#contactInfoBox a{
	color:#c3ec64;
}

#contactInfoBox a:hover{
	color:#fff;
}

#contactInfoBox h2{
	width:80%;
	margin:10px auto;
	color:#fff;
	border-bottom:none;
}

#contactInfoBox hr{
	width:80%;
	margin:5px auto;
	border: 1px solid #82BC00;
}
#cosmicFrogContainer{
	width:50%;
	display:inline-block;
	float:right;
	background-color:none;
	margin-right:50px;
}

#stores_who_carry_Container{
	width:90%;
	min-height:550px;
	display:block;
	margin:25px auto 0;
	padding:10px;
}
#stores_who_carry_Container h2 {
	color:#1e8b0f;
	margin:0 0 10px 0;
	padding:0;
	line-height:0.9em;
}

#stores_who_carry_Container h3 {
	margin:10px 0;
}


#stores_who_carry_text_box{
	display:inline-block;
	vertical-align:top;
	border:2px solid #c2c2c2;
	padding:15px 15px 15px 15px;
	margin:5px;
	text-align:center;
}

#stores_who_carry_text_box h5{
	color:#fff;
	background-color:#2aa116;
	width:100%;
	padding:4px 12px;
	text-align:center;
	font-size:1.1em;
	font-family: 'Oswald',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:900;
	display:inline;
	
}

#stores_who_carry_text_box p{
	line-height:1em;
	margin-bottom:.7em;
	margin-top:.7em;

}




@media screen and (min-width:50px) and (max-width:600px) {
.container{
	width:100%;

}
header{
	height:115px;
	background-repeat:no-repeat;
	width:100%;
	margin-bottom:5px;
}
#greenstoneLogo{
		height:75px;
		width:200px;
		position:relative;
		margin:0 auto;
		display:block;
		left:0px;
}
h2{ 
	font-size:1.5em;
	line-height:0.3em;
	padding:10px 0 5px;
}


/*===============    Slide Show on home page  (smallest screen size) ============ */	
#slideShow{
	width:99%;
	height:99%;
	margin:0 auto;

}
	/*===============   Navigation  (smallest screen size) ============ */	
#navContainer{
	width:100%;
	height:30px;
	background-color:#060;
	display:block;
	margin:0 auto;

	
}	
nav {
	padding:0;
	margin:0 auto;
	float:none;
	width:320px;
	display:block;
	
}

nav a{
	font-size:0.8em;
	line-height:0.6em;
	display:inline-block;	
}
li.nav_list_header a{
	font-size:0.9em;
	color:#FFF;
	background-color:#157815;
}
	
nav ul li a {display:block;padding:10px 7px;color:#fff;}
nav ul li ul li a {display:block;padding:8px 10px;color:#a2a5a2;margin-top:0px;}

#socialMediaIcons{
	width:100px;
	margin:5px auto 0;
	display:block;
	float:none;
}

/*===============    About Us box  (smallest screen size)  ============ */	
#aboutUsHome{
	width:95%;
	padding:0px;
	float:none;
}


#aboutUsHomeTextBlock{
	width:95%;
	margin:0 auto;
	padding:10px 0;
	float:none;
	display:block;
	
	
}
#aboutUsHomeTextBlock h2{
	font-size:1.3em;
	line-height:0.9em;
	width:100%;
	margin:0 auto;
	
}

#aboutUsHomeTextBlock p {
	width:95%;
	font-size:0.8em;
	line-height:1.1em;
}



/*********** Home Page Quick Links (smallest screen size) ***************/

#TakeMeToBox {
	width:90%;
	height:auto;
	display:block;
	margin:0 auto;
}

#TakeMeToLinksBox{
	width:100%;
	border-left:none;
	border-right:none;
	padding:0;
	float:none;
	margin:0 auto;
	
}

#TakeMeToLinksBoxHeader{
	width:70%;
	font-size:1.5em;
	color:#1e8c0f;
	margin:0 auto;
	line-height:0.7em;
}

#TakeMeToLinksBox a{
	font-size:1.2em;
	line-height:0.9em;
	width:300px;
	margin:5px auto;
	
}
#TakeMeToLinksBox a:hover{
	background-color:#1e8c0f;
}
#FeedChartQuickLinksBox {
	width:90%;
	display:block;
	float:none;
	padding:10px;
}
#FeedChartQuickLinksBox img{
		margin:0 auto 15px;
		max-width:250px;
		display:block;
}

/*************** Nectar container Smallest Screen Size  ************/
#NectarContainer{
	width:90%;
	margin:0 auto;
	display:block;
	padding-left:5px;
}
#NectarTextBox{
	width:80%;
	margin:0 auto 10px;
	margin-top:10px;
	display:block;	
	float:none;

}
#NectarTextBox h3{
	color:#fff;
	font-size:1.5em;
	line-height:1em;
	
	
}
#NectarTextBox h4{
	font-size:1.1em;
	line-height:.9em;
	margin-top:-20px;

}

.NectarProductImage{
	max-width:60%;
	float:none;
	display:block;
	margin:0 auto;

}
.NectarProductImage img{
	width:100%;
	display:block;
	margin:0 auto;
}
/************** Individual product pages (smallest screen size)  **********/
.productTitle{
	font-size:22px;
}
 .productDescription{
	 font-size:14px;
}
#productImages img.scale-with-grid{
 width:70%;
}
#productsMainHeader{
	width:100%;
	height:auto;
	margin-bottom:10px;
	padding:0;

}
#productsMainHeader h1{
	font-size:1.7em;
	line-height:0.9em;
	width:95%;
	padding-left:0px;
		
}
.rightBox{
	width:90%;
	float:none;
	clear:both;
	padding-top:10px;
	margin:0 auto;
}

.leftBox {
	width:80%;
	display:block;
	float:none;
	margin:0 auto;
}

/************** feed chart pages (smallest screen size)  **********/
.feedChartTextBox{
display:block;
width:300px;
}

#feeding_schedule_header{
	width:90%;
}

.feedChartTextBox{
	display:none;
}
#feedChart_image{
	margin:0 auto;
	height:auto;
	width:95%;
	display:block;
	clear:both;
}

#feedChart_image img{
	margin:0 auto;
	display:block;

}

/************** Contact Info (smallest screen size)  **********/

#contactLargeContainer {
	max-width:350px;
	margin:0 auto;

}

#contactPageContainer h2{
	line-height:0.8em;
	width:80%;
	margin:0 auto;
}
#contactInfoBoxContainer{
	width:90%;
	display:block;
	padding-top:5px;
	margin:0 auto;
	
}

#contactInfoBox{
	margin:5px auto 0px;
	padding-left:0px;
}

#contactInfoBox h2{
	font-size:1.8em;
	width:100%;
}

#cosmicFrogContainer{
	width:90%;
	display:block;
	float:none;
	margin:0 auto;
}

#stores_who_carry_Container{
	margin-top:10px;

}

#stores_who_carry_text_box{
	display:block;

}

/************** footer (smallest screen size)  **********/
footer{
	width:95%;
	padding:0;
}

}

@media screen and (min-width:601px) and (max-width:1060px) {   /*=====================   MEDIUM screen size  ======================= */	


/*===============    Navigation  MEDIUM screen size  ============ */	



nav {
	padding:0;
	margin:0 auto;
	float:none;
	width:99%;
	display:inline-block;
	margin:0 0 0 220px;
}
nav a{
	font-size:0.9em;
	line-height:0.6em;
	display:inline-block;
}

li.nav_list_header a{
	font-size:0.9em;
	color:#FFF;
	background-color:#157815;
}
	
nav ul li a {display:block;padding:15px 7px;color:#fff;}
nav ul li ul li a {display:block;padding:8px 10px;color:#a2a5a2;margin-top:0px;}

	

/*===============    Slide Show on home page  MEDIUM screen size  ============ */	
#slideShow{
	width:90%;
	height:90%;
}

/*===============    About Us box   MEDIUM screen size ============ */	
#aboutUsHome{
	display:block;
	width:75%;
	float:none;
	border-bottom:#bcbdba solid 2px;
}


/*********** Home Page Quick Links  (Medium screen size) ***************/

#TakeMeToBox {
	width:95%;
	display:block;
	margin:0 auto;
	padding-left:25px;
}

#TakeMeToLinksBox{
	width:40%;
	min-height:200px;
	background-color:#fff;
	float:left;
	display:block;
	border-left:none;
	border-right:#bcbdba 2px solid;
	padding:10px;
}

#FeedChartQuickLinksBox {
	width:50%;
	display:inline-block;
	float:right;
	padding:10px;
}
/*********** Nectar Container  MEDIUM screen size ***************/
#NectarContainer{
	width:100%;
	height:auto;
	background-color:#fff;
	display:inline-block;
	margin-top:0 auto;

	
	
}
#NectarTextBox{
	width:55%;
	display:block;
	float:none;
	margin-bottom:10px;
}
#NectarTextBox h3{
	color:#fff;
	font-size:1.7em;
	line-height:1em;
	border-bottom:2px solid #fff;
	text-transform: uppercase;
}
#NectarTextBox h4{
	color:#fff;
	font-size:1.3em;
	line-height:.9em;
	margin-top:-15px;
	text-transform: uppercase;
}
.NectarProductImage{
	float:left;
	max-width:40%;
	display:inline-block;
	margin-left:10px;
	margin-right:15px;
	padding-left:25px;
}



/********** Feed Chart MEDIUM screen size  ************/
.feedChartTextBox{
display:block;
float:left;
width:300px;
}

#feeding_schedule_header{
	width:80%;
}
/************ Footer Medium Size ******************/
footer{
	width:90%;
}

/************** Contact Info (Medium screen size)  **********/

#contactPageContainer h2{
	line-height:0.8em;
	width:80%;
	margin:0 auto;
}

#contactLargeContainer{
	width:95%;
	max-width:800px;
	height:auto;
	background-color:#060;
	display:block;
	margin:0 auto 10px ;	
	border:2px solid #82BC00;
	  -webkit-border-radius: 18px; 
	  -moz-border-radius: 18px; 
	  border-radius: 18px; 
	  overflow:hidden;

}
#contactInfoBoxContainer{
	height:auto;
	width:40%;
	display:inline-block;
	background-color:none;
	text-align:center;
	padding-top:5px;
	
}

#contactInfoBox{
	width:99%;
	min-height:300px;
	background-color:none;
	margin:5px auto 0px;
	padding-left:5px;
	
}
#contactInfoBox p{
	color:#fff;
}

#contactInfoBox a{
	color:#83bc00;
}

#contactInfoBox a:hover{
	color:#fff;
}

#contactInfoBox h2{
	width:80%;
	margin:10px auto;
	color:#fff;
	border-bottom:none;
}

#contactInfoBox hr{
	width:80%;
	margin:5px auto;
	border: 1px solid #82BC00;
}
#cosmicFrogContainer{
	width:50%;
	display:inline-block;
	float:right;
	background-color:none;
	margin-top:25px;
	margin-right:10px;
}

#stores_who_carry_Container{
	width:90%;
	height:auto;
	display:block;
	margin:0 auto;
	padding:10px;
}
#stores_who_carry_text_box{
	display:inline-block;
	padding:10px;
	
	}


	
}
@media screen and (min-width:1061px) and (max-width:1700px)  { 
	
	
}

@media screen and (min-width:1701px)  { 
.container{
	width:95%;
	height:100%;
	max-width:1700px;
	
	}


}