@media screen and (orientation: landscape) {

	.grid 	{
		display: grid;
		height: 100vh;
		width: 100vw;
		grid-template-areas : 	
								"header header"
								"title title"
								"skeleton buttons"
								"footer footer";
								
		grid-template-columns: 70% 30%;
		grid-template-rows: 1% 19% 75% 5%;
			
		}
		

}
	
		
@media screen and (orientation: portrait) {
		
.grid  		
{
		display: grid;
		height: 100vh;
		width: 100vw;
		grid-template-areas : 	
								"header"
								"title"
								"skeleton"
								"buttons"
								"footer";
								
		grid-template-columns: 100%;
		grid-template-rows: 1% 19% 50% 20% 5%;
					
		}
		

}  


#header {
	grid-area: header;
	display : flex;
	align-items: center;
	justify-content : center;
	}
		
	
#footer {
	grid-area: footer;
	display : flex;
	align-items : center;
	justify-content : right;
	color : white;
	}
	
#buttons 	{
	grid-area: buttons;
	display : flex;
	align-items: center;
	justify-content: center;
	color : white;
	}
	
#skeleton {
	grid-area: skeleton;
	display : flex;
	align-items: center;
	justify-content: center;
	}
	
#title 	{
	grid-area: title;
	display : flex;
	align-items: center;
	justify-content: center;
	}  	

    
.button {
	
 border-top: 1px solid #737373;
   background: #2f343b;
   background: -webkit-gradient(linear, left top, left bottom, from(#737474), to(#2f343b));
   background: -webkit-linear-gradient(top, #737474, #2f343b);
   background: -moz-linear-gradient(top, #737474, #2f343b);
   background: -ms-linear-gradient(top, #737474, #2f343b);
   background: -o-linear-gradient(top, #737474, #2f343b);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-bottom : 5 px;
   
}



.buttondiv {

	margin-right : 5px;
	margin-left : 5px;}

