@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0px auto;
	background-color:#ffffff;
	text-align: center;
	scrollbar-arrow-color: #C2C2C2;
	scrollbar-base-color: #C2C2C2;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #C2C2C2;
	scrollbar-shadow-color: #C2C2C2;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	height: 100%;

}
.responsive_image{
	height: auto;
	max-width: 100%;
}
.container{
	display: grid; 
	height: 100hv;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 0.6fr 0.6fr 0.6fr 0.6fr 3fr 0.5fr;
	grid-gap: 0rem;
	grid-template-areas: "nav nav nav nav nav"
	                     "title title title title title"
						 "main main main main main"
						 "content1 content1 content1 content1 content1"
						 "content2 content2 content2 content2 content2"
						 "footer footer footer footer footer"
}

nav{
	background-color:#fff;
	grid-area: nav;
	}
	
#title{
	background-color:#fff;
	grid-area: title;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	
.title{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
    letter-spacing: 4px;
	font-size: 40px;
	color: #4e4e4e;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.titletxt{
	font-size:14px;
	color: #4e4e4e;
	}
	
#main{
	background-color: #fff;
	grid-area: main;
    display: flex;
	align-items: center;
	justify-content: center;
    padding: 10px 10px 10px 10px;
	}
	
.maintxt{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	letter-spacing: 4px;
	font-size:14px;
	color: #4e4e4e;
	}
.maincont{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing: 4px;
	font-size:14px;
	color: #4e4e4e;
	}

img{
	border-radius: 10%;
	padding-bottom: 5px;
	max-width: 100%;
	}
		
#content1{
	background-color:#DDD;
	grid-area: content1;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	
.cont1title{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
    letter-spacing: 4px;
	font-size: 28px;
	color: #4e4e4e;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	
.maintxt{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	color: #4e4e4e;
	}
	
	
#content2{
	background-color:#DDD;
	grid-area: content2;
	display: block;
	align-items: center;
	justify-content: center;
	}
	
footer{
	background: #fff;
	grid-area: footer;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing: 3px;
	font-size:10px;
	font-weight: 400;
	color: #4f4f4f;	
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 30px 30px 30px;
	}



@media only screen and (max-width:48rem){
	.container{
	grid-template-columns: 1fr;
	grid-template-rows: 0.6r 2.5fr 1fr 0.25fr 1fr 0.25fr;
	grid-template-areas:
		"nav"
		"title"
		"main"
		"content1"
		"content2"
		"footer"
	}
	
	}	



/*links*/
a.class1
{color: #4e4e4e;
}
a.class1:link  
{color: #4e4e4e; text-decoration: none;
}
a.class1:visited 
{color: #4e4e4e; text-decoration: none;
}
a.class1:hover
{color: #bdbdbf; text-decoration: none;
}
a.class1:active 
{color: #4e4e4e; text-decoration: none;
}