body {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color:white;
}


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


.grid-container {
	display:grid;
	width:100%;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	grid-template-rows: 1fr auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
	background-color:white;
	grid-template-areas:
	"logo logo logo logo"
	"slider slider slider slider"
	"text text right right"
	"general kitchen plastering tiling "
	"flooring windows bathroom outside"
	"quote quote quote quote"
	"footer footer footer footer";	
}
.left-text {
background-color:white;
grid-area:text ;
padding:15px;
text-align:left;
}


.logo {
   background-color:white;
   grid-area:logo;
   text-align:center;
}

.slider {
   grid-area:slider  ;
}

.navigation {
  background-color:white;
  grid-area:nav  ;
  text-align:center;
  padding-top:10px;
}
.left-text {
background-color: white;
grid-area:text ;
padding:15px;
text-align:center;
}
.right-image {
background-color: white;
grid-area:right  ;
padding:15px;
text-align:center;
}
.general {
grid-area:general ;
text-align:center;
padding:10px;	
}
.kitchen {
grid-area:kitchen;
text-align:center;
padding:10px;		
}
.plastering {
grid-area:plastering ;
text-align:center;
padding:10px;		
}
.tiling {
grid-area:tiling ;
text-align:center;
padding:10px;	
}
.flooring {
grid-area:flooring ;
text-align:center;
padding:10px;		
}
.windows {
grid-area:windows ;
text-align:center;
padding:10px;	
}
.bathroom {
grid-area:bathroom ;
text-align:center;
padding:10px;		
}
.outside {
grid-area:outside ;
text-align:center;
padding:10px;		
}
.quote {
background-color:#438fbb;
grid-area:quote ;
text-align:center;
padding:15px;	
}
.footer {
background-color:#2B2B2B;
grid-area: footer;
text-align:center;
padding:15px;
color: #FFFFFF;
font-family: 'Quicksand', sans-serif;
}



/* MOBILE MEDIA QUERIES Nexus 7 Android portrait / Galaxy Tab */

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

	.grid-container {
		display:grid;
		grid-template-rows: 1fr auto;
		grid-template-columns: 1fr;
		grid-gap: 10px;
		overflow-x: hidden;
		grid-template-areas:
		"logo"
		"slider"
		"text"
		"right"
		"general"
		"kitchen"
		"plastering"
		"tiling"
		"flooring"
		"windows"
		"bathroom"
		"outside"
		"quote"
		"footer";	
	}

}