/*
Theme Name: East Coast Organics
Author: Chris Collins
*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container, .mastercontainer, .topmenus     						{position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.topmenus 															{margin-top:10px;}
	.container#content-contain 											{width: 960px;}
	#content-contain													{padding: 30px 0px;}
    .column, .columns                           						{float: left; display: inline; margin-left: 0px; margin-right: 0px; }
    .botblck.column, .botblck.columns                           		{margin-left: 10px; margin-right: 10px; }
    .row                                        						{margin-bottom: 20px; }
    div.sidetogglemenu, #mobilemenuicon       							{display:none;}
    .tabs-wrapper 														{left:0px;}
    #logo 																{margin: 45px 10px 0px 15px;}
	#logo img 															{width: 180px; height: auto;}
    #main-menu li a 													{padding: 15px 28px 15px 28px;}

	/* Category Page */
	.category-header 		{height:230px;overflow:hidden;}
	.category-header h1		{width:220px;}
	.category-description 	{width:400px;height:190px;}
	.category-image 		{position:absolute;right:0px;top:0px;}

	/* Front Banner Copy */
	#block-views-front-slideshow-block .views-field-field-banner-copy a {color: #fff;}
	#block-views-front-slideshow-block .views-field-field-banner-copy 	{width: 630px;top: 295px;padding:  10px;font-size: 18px;text-align:  center;}

	#block-views-front-slideshow-block {}

	/* Front Page Blocks */
	#block-views-front-blocks-block .views-row						    {width: 220px;margin: 10px;}
	#block-views-front-blocks-block .views-row img 						{width: 183px; height: auto;}

	#block-webform-client-block-72 .form-text 							{width:167px;}

	/* Bottom Links */
	#block-views-bottom-links-block .views-row 							{width:calc(33.36% - 10px);margin-right:3px;}
	#block-views-header-title-block-block .content 						{padding:10px;font-size:15px;padding-right:460px;}
	#block-views-bottom-links-block .views-field-field-image 			{height:219px;}

	/* Boxmaster Shop */
	div.boxmaster_product_div 											{width:670px;}
	div.boxmaster_product_group_div 									{width:217px;height:217px;border:2px solid transparent;padding:2px;}
	.boxmaster_product_group_image 										{width:217px;height:217px;}
	.boxmaster_product_group_name 										{width:207px;}
	div.boxmaster_product_image	a										{z-index:1;display:block;width:120px;height:120px;overflow:hidden}
	div.boxmaster_product_image	img										{width:120px;height:120px;}
	div.boxmaster_product_name 											{margin-left:120px;font-size:16px;}
	div.boxmaster_product_div_right										{margin-left:120px;width:570px;}
	.add_product_button 												{position:absolute;top:80px;right:10px;}
	.form-item-order-quantity, 
	.form-item-product-frequency, 
	.form-item-product-quantity 										{float:left;margin:20px 0 38px 10px;}
	div.boxmaster_basket_info_div										{width:calc(100% + 100px);margin:7px 0 0px -120px;padding:0px}

	/* Recipe Page */
	.view-recipes .views-row 											{width: 236px;margin-left: 5px;}

	/* Box ingredients list */
	div.boxmaster_product_div_witb {padding:5px 0 0 130px;display:none}

	/* Welcome Page */
	#delivery_info_ul li 												{float:left;width:calc(33% - 42px)}
	#welcome_page_div li a 											{width:calc(20% - 22px);min-height:120px;}

	div.boxmaster_confirm_changes_div,
	div.boxmaster_confirm_changes_div:hover 							{top:33px;right:5px;}

	.boxmaster_product_div .boxmaster_product_desc 						{color: #304810;position:absolute;padding:5px;left:120px;width:540px;z-index:2;height:auto;visibility:hidden;background: rgba(179, 210, 156, 0.9);opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display:block;}
	.boxmaster_product_div .boxmaster_product_desc * 					{font:normal 12px/17px "Arial"!important;margin:0px!important;padding:0px!important;}
	.boxmaster_product_div.expanded .boxmaster_product_desc 			{opacity:1;top:30px;min-height:40px;height:83px;overflow-x:hidden;visibility:visible;z-index:30;}

	.boxmaster-please-log-in 											{background:url("../images/warn.png") no-repeat;position:absolute;z-index:20;top:90px;left:130px;}
	.box_div {width: 26%;}

	/* Login Page Style */
	.page-section-login,
	.page-section-register 												{width:49%;float:left;padding-bottom:40px;}
	.page-section-login 												{border-right:1px solid #aaa;}
	.page-section-login #boxmaster-login-form 							{padding-bottom:20px;}
	.page-section-register 												{padding-left:calc(2% - 1px);margin-top:-36px;}

	/* Redorder */
	.page-boxmaster-previous-deliveries .region-content .content form 	{padding-bottom:40px;}
	.reorder_previous_delivery_button {margin:16px!important;}

	/* Whats in the boxes */
	.page-boxmaster-whats-in-all-boxes .boxmaster_product_form {position:relative;margin-left:-120px;}
	.page-boxmaster-whats-in-all-boxes .add_product_button {left:auto;right:30px;top:50px;}

	/* Video */
	#block-views-all-content-block-1 iframe {width: 100%;height: 145px;}

	/* Inserted Images */
	.inserted {margin-top: 10px;max-width: 100%;height: auto;}
	.inserted.img-left {margin: 10px 15px;margin-left: 0px;}
	.inserted.img-right {margin: 10px 15px;margin-right: 0px;}

	/* Footer */
	#footer_right 														{text-align:right;font-size:11px;margin-bottom:30px;}

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               						{ margin-left: 0; }
    .column.omega, .columns.omega               						{ margin-right: 0; }

    /* Base Grid */

    .container .one.column                      						{ width: 40px;  }
    .container .two.columns                     						{ width: 100px; }
    .container .three.columns                   						{ width: 160px; }
    .container .four.columns                    						{ width: 220px; }
    .container .five.columns                    						{width: 260px;}
    #sidebar-first 														{margin-left: 30px;}
    .container .six.columns                    	 						{ width: 340px; }
    .container .seven.columns                   						{ width: 400px; }
    .container .eight.columns                   						{ width: 460px; }
    .container .nine.columns                    						{ width: 520px; }
    .container .ten.columns                     						{ width: 580px; }
    .container .eleven.columns                  						{width: 670px;}
    .container .twelve.columns                  						{ width: 700px; }
    .container .thirteen.columns                						{ width: 760px; }
    .container .fourteen.columns                						{ width: 820px; }
    .container .fifteen.columns                 						{ width: 880px; }
    .container .sixteen.columns                 						{width: 960px;}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 979px) {
        .container, .mastercontainer, .topmenus     					{ width: 748px; }
		.container#content-contain 										{width: 748px;}
		#content-contain											    {padding-top: 10px;}

        #main-menu li a {
    padding: 15px;
}
			
		/* Front Page Blocks */
		#block-views-front-blocks-block .views-row						    {width: 167px;margin: 10px;}
		#block-views-front-blocks-block .views-row img 						{width: 131px;}

		#block-webform-client-block-72 .form-text 						{width:126px;}

		/* Front Banner Copy */
		#block-views-front-slideshow-block .views-field-field-banner-copy 	{width: 480px;top: 210px;padding:  10px;font-size: 16px;}

		/* Category Page */
		.category-description 	{width:230px;}

		/* Box ingredients list */
		div.boxmaster_product_div_witb {padding:5px 0 0 90px;font-size:13px;}
			
		/* Boxmaster Shop */
		div.boxmaster_product_div 										{width:500px;}
		div.boxmaster_product_group_div 								{width:234px;height:234px;}
		.boxmaster_product_group_image 									{width:234px;height:234px;}
		.boxmaster_product_group_name 									{width:224px;}
		#open_basket_items_table {font:normal 12px/20px 'segoe_printregular'!important;}
		.boxmaster-product-frequency-select {width:200px;}

		div.boxmaster_product_name 										{padding-right:100px!important;height:36px;}
		div.boxmaster_product_image	a									{width:80px;height:80px}
		div.boxmaster_product_image	img									{width:80px;height:80px;}
		div.boxmaster_product_name 										{margin-left:80px;}
		div.boxmaster_product_div_right									{margin-left:80px;width:440px}
		.add_product_button 											{top:100px;right:5px}
		div.boxmaster-img-label 										{bottom:-50px!important;left:10px!important}
		div.boxmaster-img-label:before {display:none;}
		div.boxmaster_basket_info_div									{width:calc(100% + 60px);margin:7px 0 0px -80px}

		.boxmaster-please-log-in 										{top:110px;left:10px;}

		.boxmaster_product_div .boxmaster_product_desc 					{left:80px;width:410px}
		.boxmaster_product_div.expanded .boxmaster_product_desc 		{top:46px;height:81px}

		.page-boxmaster-orders caption, .planning_table_caption_div 	{padding:8px 7px 7px 7px!important;}
		div.boxmaster_confirm_changes_div,
		div.boxmaster_confirm_changes_div:hover 						{top:50px;}
		.box_div {width: 25%;}

		/* Welcome Page */
		#delivery_info_ul li 											{float:left;width:calc(33% - 43px)}

		/* Recipe Page */
		.view-recipes .views-row 										{width: 183px;}
		.view-recipes .views-row:nth-child(4n+1)					 	{margin-left: 5px;}

		/* Whats in the boxes */
		.page-boxmaster-whats-in-all-boxes .boxmaster_product_form {margin-left:-80px;}

		.page-boxmaster-orders #boxmaster-orders-table-container table:before {display:none!important}

		/* Video */
		#block-views-all-content-block-1 iframe {height: 120px;}
        
        .container .one.column                      					{ width: 28px; }
        .container .two.columns                     					{ width: 76px; }
        .container .three.columns                   					{ width: 124px; }
        .container .four.columns                    					{ width: 167px; }
        .container .five.columns                    					{width: 218px;}
        #sidebar-first 													{margin-left: 10px;}
        .container .six.columns                     					{ width: 268px; }
        .container .seven.columns                   					{ width: 316px; }
        .container .eight.columns                   					{ width: 364px; }
        .container .nine.columns                    					{ width: 412px; }
        .container .ten.columns                     					{ width: 460px; }
        .container .eleven.columns                  					{ width: 500px; }
        .container .twelve.columns                  					{ width: 556px; }
        .container .thirteen.columns                					{ width: 604px; }
        .container .fourteen.columns                					{ width: 652px; }
        .container .fifteen.columns                 					{ width: 700px; }
        .container .sixteen.columns                 					{width: 748px;}

}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container         												{width:300px}
		.mastercontainer												{width:300px;margin-bottom:0px}
		.container#content-contain 										{width:300px}
		#content-contain											    {padding: 10px 0;}
        .columns, .column 			      								{margin: 0;}
        #main-menu ul                               					{display:none}
        #main-menu {height:0px!important;}
        div.sidetogglemenu                          					{display:block}
        #mobilemenuicon                             					{display:block;position:absolute;top: -230px;left:5px;}
        .tabs-wrapper 													{display:none}
        .site-slogan													{display:none}					

        #logo img 														{width: 140px;margin: 10px auto;display: block;}
        #sidebar-first 													{margin-left:10px;}

        #block-menu-menu-boxmaster-login-menu .content li.first a 		{position: absolute;background: #feed06;bottom: -80px;width: 200px;text-align: center;left: 50%;}
        #headerbar {margin-bottom: 34px;}

		/* Front Page Blocks */
		#block-views-front-blocks-block .content 							{text-align:center;}
		#block-views-front-blocks-block .views-row						    {font-weight: 700;width: 47%;margin: 0 1%;display: inline-block!important;vertical-align: top;box-sizing:  border-box;float: none!important;}
		#block-views-front-blocks-block .views-row img 						{width: 94px;}
		#block-views-front-blocks-block .views-row:after 					{display: none!important;}
		
		#block-webform-client-block-72 .form-text 						{width:198px;}

		fieldset {padding:0px!important}
		.fieldset-wrapper {padding:10px;}
		.boxmaster-orders-table tr th:nth-of-type(2), .boxmaster-orders-table tr td.boxmaster-product_quantity {display:none;}
		.page-boxmaster-orders .form-submit {max-width:270px;margin:5px auto!important;padding:10px!important;font-size:11px!important;}

		/* Box ingredients list */
		div.boxmaster_product_div_witb {padding:5px 0 0 5px;font-size:13px;}

		/* Front Banner Copy */
		#block-views-front-slideshow-block .views-field-field-banner-copy:before {display:none!important}
		#block-views-front-slideshow-block .views-field-field-banner-copy a {color: #676761;}
		#block-views-front-slideshow-block .views-field-field-banner-copy 	{
			position:relative!important;
			padding:10px;
			width: 260px;
			background: #E8F1E2;
			top:auto;
			left:auto;
			font-size: 14px;
		}

		/* Recipe Page */
		.view-recipes .views-row 										{width:147px;}
		.view-recipes .views-row-odd 									{margin-left:0px;}

		/* Table Field responsive */
		table.tablefield 		{font-size:11px;line-height:11px;padding:0px;}
		table.tablefield th 	{font-size:8px;}

		/* Head Right */
		#loginblock {right:10px!important;}
		#block-block-13 .content {overflow:hidden;width:280px;}
		#block-block-13 .content p:nth-of-type(1) {float:left;padding-top:12px}
		#block-block-13 .content p:nth-of-type(2) {float:right;}

		/* Category Page */
		.category-header 		{height:auto;}
		.category-header h1		{width:100%;}
		.category-description 	{width:100%;height:auto;overflow:!important}
		.category-image 		{position:relative;left:0px;margin:10px -10px -15px -10px;}
		.category-image img 	{width:100%;height:auto;margin:0px;padding:0px;}

		/* Welcome Page */
		#delivery_info_ul li 											{float:none;width:auto}
		#welcome_page_div li a 										{width:calc(50% - 22px);min-height:120px;}

		/* Social */
		#block-block-6 {position: relative!important;right: 10px!important;bottom: 15px!important;float: right;}
		

		/* Bottom Links */
		#block-views-bottom-links-block .views-row 						{width:calc(100% - 8px);margin:0 0 3px 0;}
		#block-views-bottom-links-block .views-row img 					{width:100%}
		#block-views-bottom-links-block .views-field-field-image 		{height:208px;}
		#bottom ul li {padding: 5px;}
		#bottom ul li a 												{background:#eee;padding: 5px 10px;}
		#block-block-1 													{margin-bottom:10px!important;text-align:center;}
		
		/* Boxmaster Shop */
		div.boxmaster_product_div 										{width:280px;}
		div.boxmaster_product_group_div 								{width:132px;height:132px;}
		.boxmaster_product_group_image 									{width:132px;height:132px;}
		.boxmaster_product_group_name 									{width:122px;}

		div.boxmaster_product_name 										{padding-right:80px!important;height:36px;}
		div.boxmaster_product_image	a									{width:46px;height:46px}
		div.boxmaster_product_image	img									{width:46px;height:46px;}
		div.boxmaster_product_name 										{margin-left:46px;font-size:12px;line-height:13px}
		div.boxmaster_product_name:after {display:none!important}
		div.boxmaster_product_div_right									{margin-left:5px;width:290px}
		.add_product_button 											{top:100px;right:5px}
		div.boxmaster-img-label 										{display:none}

		div.boxmaster_product_form										{width:275px;padding:5px 0px;margin-left:-5px;}
		.form-item-order-quantity, 
		.form-item-product-frequency, 
		.form-item-product-quantity 									{float:left;margin:20px 0 35px 5px;}
		.form-item-order-quantity select								{width:45px;}
		.form-item-product-frequency select								{width:105px;}
		.form-item-product-quantity select 								{width:110px;}

		div.boxmaster_basket_info_div									{width:calc(100% - 10px);margin:7px 0 0px -5px}

		.boxmaster-please-log-in 										{background: #E5E5E5 url("../images/warn.png") no-repeat left center;text-align:center;width:100%;top:100px;left:10px;padding:10px 0px!important}

		.boxmaster_product_div .boxmaster_product_desc 					{left:0px;width:270px}
		.boxmaster_product_div.expanded .boxmaster_product_desc 		{top:46px;height:81px}
		.box_div {width: 85%;}
		.product_div {width: 100%!important;margin: 5px auto!important;}

		/* Boxmaster Shop Table */
		.view-test-shop td img {width: 100%}

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
		display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		.view-test-shop thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
	
		.view-test-shop tr {border: 1px solid #ccc;overflow:  hidden;box-sizing:  border-box;text-align: center;}
	
		.view-test-shop td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		width: 49%;
		/* float: left; */
		display: inline-block;
		vertical-align: top;
		box-sizing:  border-box;
		text-align: center;
		}
	
		.view-test-shop td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		}
	
		/* Label the data*/
		/*.view-test-shop td:nth-of-type(1):before { content: "First Name"; }
		.view-test-shop td:nth-of-type(2):before { content: "Last Name"; }
		.view-test-shop td:nth-of-type(3):before { content: "Job Title"; }
		.view-test-shop td:nth-of-type(4):before { content: "Favorite Color"; }
		.view-test-shop td:nth-of-type(5):before { content: "Wars of Trek?"; }
		.view-test-shop td:nth-of-type(6):before { content: "Porn Name"; }
		.view-test-shop td:nth-of-type(7):before { content: "Date of Birth"; }
		.view-test-shop td:nth-of-type(8):before { content: "Dream Vacation City"; }
		.view-test-shop td:nth-of-type(9):before { content: "GPA"; }
		.view-test-shop td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
		
		/* Boxmaster Orders Page */
		div.boxmaster_confirm_changes_div,
		div.boxmaster_confirm_changes_div:hover 						{top:47px;right:2px}
		.page-boxmaster-payments table th, 
		.page-boxmaster-payments table tr,
		.page-boxmaster-payments table td, 
		.page-boxmaster-payments table input 							{font-size:11px!important;padding:6px 3px;line-height:12px;}
		.page-boxmaster-orders table th, 
		.page-boxmaster-orders table tr,
		.page-boxmaster-orders table td, 
		.page-boxmaster-orders table input 								{font-size:11px!important;}
		.page-boxmaster-orders table input 								{padding:3px 6px}
		.planning_table_caption_div:after,
		.page-boxmaster-orders caption:after 							{display:none}
		.page-boxmaster-orders caption, .planning_table_caption_div 	{padding:3px 7px 3px 7px!important;width:calc(100% - 15px)!important}
		.page-boxmaster-suspensions select,
		.page-boxmaster-orders select 									{max-width:230px;}
		#sagepay-boxmaster-payment-form input 							{font-size:15px!important;padding:5px 0px;margin-bottom:5px;width:100%;}

		.page-boxmaster-customer-details .form-submit 					{font-size:13px;width:100%;padding:4px 0}
		.password-strength 												{display:none}
		.password-parent, .confirm-parent 								{width:100%!important;}
		div.password-confirm 											{display:none}

		/* Login Page Style */
		.page-section-login,
		.page-section-register 											{width:100%;float:left;padding-bottom:20px;}
		.page-section-login 											{border:none;border-bottom:1px solid #aaa;}
		.page-section-login #boxmaster-login-form 						{padding-bottom:20px;}
		.page-section-register 											{padding-left:calc(2% - 1px);margin-top:20px;}

		/* Whats in the boxes */
		.page-boxmaster-whats-in-all-boxes .boxmaster_product_form {margin-left:0px;}
		.page-boxmaster-whats-in-all-boxes .add_product_button {left:auto;right:10px;top:55px;}

		/* Video */
		#block-views-all-content-block-1 iframe {height: 155px;}

		/* Inserted Images */
		.inserted.img-left.image-medium,
		.inserted.img-right.image-medium,
		.inserted.img-left.image-large,
		.inserted.img-right.image-large {max-width: 50%!important;height: auto!important;}

		/* Footer */
		.botblck .block 												{margin:0!important;}
		.botblck .content 												{padding:0!important;}
		.botblck .content ul.menu 										{text-align:center}
		.botblck .content ul.menu a 									{display:block;padding:7px 0;background:rgba(255,255,255,0.1);margin-bottom:3px}
		#footer_right 													{text-align:center;font-size:8px;color:#fff;}

		#sidebar-first 													{padding-bottom:10px;float: none!important;}
		
		.container .five.columns 										{margin:0 10px;} /* Sidebar */
		#sidebar-first .block 											{margin-right:0px;}
        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
		.container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  {width: 300px;}

		/* Hide certain items from mobile versions */
		.page-boxmaster-orders #boxmaster-orders-table-container table:before,
        .topmenus, 
        .flex-direction-nav, 			
        div.boxmaster-img-label {display:none!important}     

}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container 														{width: 420px}
        .mastercontainer												{width:420px;}
		.container#content-contain 										{width:420px}
        .columns, .column 												{margin: 0;}
		#logo 															{margin: 25px 10px 0px 15px;}
        #logo img 														{width: 160px;}
				
		#bottom:before 													{width:400px!important}
		#block-menu-menu-boxmaster-login-menu .content li.first a 		{width: 100px;left: 154px;}

		/* Front Page Blocks */
		#block-views-front-blocks-block .views-row						    {}
		#block-views-front-blocks-block .views-row img 						{width: 153px;}

		#block-views-front-slideshow-block .views-field-field-banner-copy 	{width:400px;}

		/* Sidebar Images */
		#sidebar-first .view-page-image .views-field-field-image 		{width:190px;margin:5px;float:left;}

		/* Boxmaster Shop */
		div.boxmaster_product_div 										{width:400px;}
		div.boxmaster_product_group_div 								{width:192px;height:192px;}
		.boxmaster_product_group_image 									{width:192px;height:192px;}
		.boxmaster_product_group_name 									{width:182px;}
		#block-block-13 .content {overflow:hidden;width:400px;}
		.product_div {width: 48%!important;margin: 5px 1%!important;}

		/* Recipe Page */
		.view-recipes .views-row 										{width: 207px;}

		/* News */
		.view-latest-news .views-field-field-image img									{width: 400px;}

		/* Boxmaster */
		div.boxmaster_product_div_right									{margin-left:5px;width:410px}
		div.boxmaster_product_form										{width:395px}
		.boxmaster_product_div .boxmaster_product_desc 					{width:390px}
		.form-item-order-quantity select								{width:60px;}
		.form-item-product-frequency select								{width:160px;}
		.form-item-product-quantity select 								{width:160px;}
		.page-boxmaster-suspensions select,
		.page-boxmaster-orders select 									{max-width:350px;}

		.page-boxmaster-orders caption, .planning_table_caption_div 	{padding:8px 7px 9px 7px!important;}
		.box_div {width: 40%;}

		/* Video */
		#block-views-all-content-block-1 iframe {height: 225px;}

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column {width: 420px;}
        
    }
	
	
/* Large Screens */
	
@media only screen and (min-width: 1200px) {	
	
	
	.container, .mastercontainer  {position:relative} /* Fix for mobiel detection */
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }