/*		Default Layout: 1200px and above. 

		Gutters: 24px.

		Outer margins: 48px.

		Leftover space for scrollbars @1200px: 32px.

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

cols    1     2      3      4      5      6      7      8      9      10

px      68    160    252    344    436    528    620    712    804    896    */



img{max-width:100%; height: auto}

.row-top{overflow: hidden}

.logo{width:40%;float:left}

.tagline{width:60%;float:left}























/*		Tablet Layout: 1024px.

		Gutters: 24px.

		Outer margins: 28px.

		Inherits styles from: Desktop Layout.

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

cols    1     2      3      4      5      6      7      8

px      68    160    252    344    436    528    620    712    */



@media only screen and (min-width: 992px) and (max-width: 1199px) {

	



	

	

	

	

	

	

	

	

	

	

	

}







/*		Tablet Layout: 768px.

		Gutters: 24px.

		Outer margins: 28px.

		Inherits styles from: Default Layout.

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

cols    1     2      3      4      5      6      7      8

px      68    160    252    344    436    528    620    712    */



@media only screen and (min-width: 768px) and (max-width: 991px) {

body{

	min-width:100%;

}

.main ,.container_24{

	width:96%;

}	

h2 {

  font-size: 28px;

}

h5 {

  font-size: 12px;

}	

.wrapper.p5 .prefix_1 {

  padding-left: 10px;

}	

.wrapper.p5 .grid_14 {

  width: 380px;

}

.wrapper.p5 .grid_9 {

  width: 250px;

}	

.container_24 .grid_16.alpha {

  width: 385px;

}	

	

	

	

	

	

	

	

}





/*		Mobile Layout: 320px.

		Gutters: 24px.

		Outer margins: 34px.

		Inherits styles from: Default Layout.

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

cols    1     2      3

px      68    160    252    */



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

	

body{

	min-width:100%;

}

.main ,.container_24{

	width:96%;

}

.logo{width:100%;text-align:center}

.tagline{width:100%}	

.container_24 .prefix_1 {

  margin: 0 auto;

  padding-left: 0;

  width: 100%;

}

.container_24 .grid_16.alpha {

  width: 100%;

}	

.box-1 .padding {

  padding:1%;

}

.container_24 .grid_16,.container_24 .grid_24 {

  width: 100%;

}	

.spacer-1 {

  background: transparent;

}	

.container_24 .grid_9 {

  width: 100%;

}	

	

	

	

	

	

	

	

	

}







/*		Wide Mobile Layout: 480px.

		Gutters: 24px.

		Outer margins: 22px.

		Inherits styles from: Default Layout, Mobile Layout.

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

cols    1     2      3      4      5

px      68    160    252    344    436    */



@media only screen and (min-width: 480px) and (max-width: 767px) {

	



	

	

	

	

	

	

	



}





/*	Retina media query.

	Overrides styles for devices with a 

	device-pixel-ratio of 2+, such as iPhone 4.

-----------------------------------------------    */



@media 

	only screen and (-webkit-min-device-pixel-ratio: 2),

	only screen and (min-device-pixel-ratio: 2) {

	

	body {

	

	}

	

}