/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background: transparent;
	text-decoration: none;
}

/* change colours to suit your needs */

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
/*
table {
    border-collapse:collapse;
    border-spacing:0;
}
*/
/* change border colour to suit your needs */

hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* my code */
.container-grid { 
	display: grid;
	grid-template-columns: auto auto auto auto;
	/*grid-gap: 10px;*/
	/* grid-template-rows: 150px 50px 70px 100px 160px 160px 160px 160px  160px 160px 160px 160px 50px;*/
	grid-template-rows: auto;
	}
/*.nestedgrid { 
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 10px;
	padding: 10px;
	grid-auto-rows: 150px;
	}*/
p {
	border: 2px solid white;
}
p1 { 
	text-align: center;
	padding-below: 5px; 
	}
p2 {
	padding-left: 50px;
}
.Section1 {
	/* TITLE*/
	grid-column: 1/5;
	grid-row: 1;
	background-color: #4c4c4c;
	color: white;
	text-align: center;
	font-size: 20px;
}
/* page 2 faqs*/
.Section2{
	grid-column: 1/5;
	grid-row: 4;
	background-color: #121212;
	padding-top: 50px;
	color: white;
	text-align: left-side;
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
/*.Section3 {
	grid-column: 3;
	grid-row: 1;
	background-color: brown;
	color: white;
	text-align: center;
	font-size: 20px;
}*/
.Section4 {
	/* HEADER*/
	grid-column: 1/5;
	grid-row: 2;
	background-color: orange;
	/*color: white;*/
	text-align: center;
	font-size: 20px;
	padding-top:5px;
	padding-bottom: 5px;
	word-spacing: 15px;
}

a {
	color: gray;
}
.Section5 {
	/*  so what canvas can we intrest you in*/
	grid-column: 1/5;
	grid-row: 3;
	background-color: #4c4c4c;
	color: white;
	text-align: center;
	font-size: 35px;
	padding-top: 10px;
}

.Section6{
	/*  Here is a selection of photos/ canvases which can be ordered on the buy now page If you have a specific picture you`re looking for please contact us and we`ll see what we can do for you!   These are some of the more popular ones. */ 
	grid-column: 1/5;
	grid-row: 4;
	background-color: #4c4c4c;
	color: white;
	text-align: center;
	font-size: 20px;
	padding-top:10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right: 10px;
}
.Section7 {
	/* pic1*/
	grid-column: 1/2;
	grid-row: 5;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	font-size: 20px;
	padding-bottom: 5px;
}
.Section8 {
	/* pic1-text*/
	grid-column: 2/3;
	grid-row: 5;
	background-color: #ccc7c7;
	color: white;
	/*padding-left: 40px;*/
	text-align: center;
    padding-top:10px;
	font-size: 20px;
}
.Section9 {
	/*pic2*/
	grid-column: 3/4;
	grid-row: 5;
	background-color: #ccc7c7;
	/*color: white;*/
	text-align: center;
	/*font-size: 20px;*/
}
.Section10 {
	/*pic 2 text*/
	grid-column: 4/5;
	grid-row: 5;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	padding-top: 10px;
	font-size: 20px;
}
.Section11 {
	/*pic 3*/
	grid-column: 1/2;
	grid-row: 6;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	font-size: 20px;
}
.Section12 {
	/*pic3 text*/
	grid-column: 2/3;
	grid-row: 6;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	padding-top: 40px;
	font-size: 20px;
}
.Section13 {
	grid-column: 3/4;
	grid-row: 6;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	font-size: 20px;
}
.Section14 {
	grid-column: 4/5;
	grid-row: 6;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	padding-top: 40px;
	font-size: 20px;
}
.Section15 {
	grid-column: 1/2;
	grid-row: 7;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	font-size: 20px;
}
.Section16 {
	grid-column: 2/3;
	grid-row: 7;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	padding-top:40px;
	font-size: 20px;
}
.Section17 {
	grid-column: 3/4;
	grid-row: 7;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	font-size: 20px;
}
.Section18 {
	grid-column: 4/5;
	grid-row: 7;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	padding-top: 40px;
	font-size: 20px;
}
.Section19 {
	grid-column: 1/2;
	grid-row: 8;
	background-color:#ccc7c7;
	color: white;
	text-align: center;
	font-size: 20px;
}
.Section20 {
	grid-column: 2/3;
	grid-row: 8;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	padding-top: 40px;
	font-size: 20px;
}
.Section21 {
	grid-column: 3/4;
	grid-row: 8;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	font-size: 20px;
}
.Section22 {
	grid-column: 4/5;
	grid-row: 8;
	background-color: #ccc7c7;
	color: white;
	text-align: center;
	padding-top: 40px;
	font-size: 20px;
}
/*
.section31 {
	/*grid-column: 2/3;
	grid-row: 5;
	background-color: #121212;
	color: white;
	text-align: center;
	padding-top: 40px;
	font-size: 20px;
}*/
.section100 {
	grid-column: 1/5;
	grid-row: 10;
	background-color: #121212;
	color: white;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 20px;
}

.Section100 {
	grid-column: 1/5;
	grid-row: 20;
	background-color: green ;
	color: white;
	text-align: center;
	font-size: 20px;
}