/*--------------------------------
iPhone and iPad formatting
--------------------------------*/

.just-mobile{
	display:none;
}

@media screen and (min-width: 1px) and (max-width: 568px) {
	
	#menubar{
		margin: -10px 0px 5px 0px!important;
	}
	
	#menubar > li {
		min-width: 50px !important;
	}
	
	a.button{
		width:100%!important;
	}
}

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

	#wrapper {
		width:100% !important;
		min-width: 300px;
	}

}


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

	.ambiance { /* warn and error message */
		font-size:2em;
  		text-align:center;
	}

	.sf-menu a{
		padding: .75em 0.7em!important;
	}
	.sf-arrows .sf-with-ul:after {
		right: -0.1em!important;
	}

	h2{ font-size: 1.8em!important;margin-top: 15px!important; margin-bottom: 15px!important; }
	
	
	#stickycontainer{
		width: auto!important;
		position: static!important;
		top: initial!important;
	}
	
	#main_container{
		min-height: 0;
		box-shadow:none;
	}
	
	.no-mobile{
		display:none;
	}
	.just-mobile{
		display:initial;
	}
	
  
	.box .section {
		padding:5px;
	}
	
	
	div.fullwidth_container,
	div.main_container,
	div.header_centered,
	div.footer_centered{
		margin: 0;
		padding: 0;
		width: 100%;
		min-width:0px;
	}

	.grid_6{
		padding-top: 15px;
	}
	
	
  .grid_100,
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12,
  .grid_13,
  .grid_14,
  .grid_15,
  .grid_16,
  .col_100,
  .col_80,
  .col_70,
  .col_30,
  .col_50,
  .col_33,
  .col_66,
  .col_25,
  .col_75,
  .col_60,
  .col_40,
  .col_20 {
    width: 100%!important;
    margin: 0 !important;
  }
  div.main_container .box,
  div.main_container .flat_area {
    width: 100%!important;
    margin-left: 0!important;
    margin-right: 0 !important;
  }
  body {
    padding-bottom: 0 !important;
  }
 
}