body 	{
		margin:0;
		background-repeat: no-repeat; 
		background-attachment: fixed; 
		background-position: center center; 
		background-size: cover;
		background-color: black;
}
		
h1 		{
		color:white;
		font-family: Verdana, sans-serif;
		text-align:center;
		font-size:6vh;
		padding-right:3vw;
		padding-left:3vw;
		
}
		
p 		{
		margin:auto;
		text-align:left;
		color:white;
		font-family: Verdana, sans-serif;
		font-style:italic; 
		font-size:14px;
}

img		{
		border: 4px solid white;
}

iframe	{
		margin:auto;
		display:block;
		width:80%;
		height:500px;
		border:none;
		margin-top:10%;
		margin-bottom:10%;
}

.railmap{
		width:100%;
}

@media (min-aspect-ratio: 1/1){
	
	.head-grid-container {
		display: grid;
		grid-template-columns: 50% 50%;
		height:100vh;
		}

	.head1 {
		grid-area: 1 / 1 / 2 / 2;
		height:100vh;
	}

	.head2 {
		grid-area: 1 / 2 / 2 / 3;
		height:100vh;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
    /*****************************/
	
	.grid-container {
		display:grid;
		grid-template-columns: auto auto auto;
		grid-gap:150px;
		color:black;
		margin:2%;
        grid-auto-rows: 30vh;
	}
	
	.grid-container img, .grid-container iframe, p{
		width:100%;
	}

	#btn1 {
		display:none;
	}

	#btn1:checked + label > img {
		width: 100%
	}

	#btn2 {
		display:none;
	}

	#btn2:checked + label > img {
		width: 100%
	}
	
	#btn3 {
		display:none;
	}

	#btn3:checked + label > img {
		width: 100%
	}
	
	#btn4 {
		display:none;
	}

	#btn4:checked + label > img {
		width: 100%
	}
	
	#btn5 {
		display:none;
	}

	#btn5:checked + label > img {
		width: 100%
	}
	
	#btn6 {
		display:none;
	}

	#btn6:checked + label > img {
		width: 100%
	}
	
	#btn7 {
		display:none;
	}

	#btn7:checked + label > img {
		width: 100%
	}
	
	#btn8 {
		display:none;
	}

	#btn8:checked + label > img {
		width: 100%
	}

	#btn9 {
		display:none;
	}

	#btn9:checked + label > img {
		width: 100%
	}

	#btn10 {
		display:none;
	}

	#btn10:checked + label > img {
		width: 100%
	}

	#btn11 {
		display:none;
	}

	#btn11:checked + label > img {
		width: 100%
	}

	#btn12 {
		display:none;
	}

	#btn12:checked + label > img {
		width: 100%
	}

	#btn13 {
		display:none;
	}

	#btn13:checked + label > img {
		width: 100%
	}

	#btn14 {
		display:none;
	}

	#btn14:checked + label > img {
		width: 100%
	}

	#btn15 {
		display:none;
	}

	#btn15:checked + label > img {
		width: 100%
	}

	#btn16 {
		display:none;
	}

	#btn16:checked + label > img {
		width: 100%
	}

	#btn17 {
		display:none;
	}

	#btn17:checked + label > img {
		width: 100%
	}

	#btn18 {
		display:none;
	}

	#btn18:checked + label > img {
		width: 100%
	}

	#btn19 {
		display:none;
	}

	#btn19:checked + label > img {
		width: 100%
	}

	#btn20 {
		display:none;
	}

	#btn20:checked + label > img {
		width: 100%
	}

	#btn21 {
		display:none;
	}

	#btn21:checked + label > img {
		width: 100%
	}

	#btn22 {
		display:none;
	}

	#btn22:checked + label > img {
		width: 100%
	}

	#btn23 {
		display:none;
	}

	#btn23:checked + label > img {
		width: 100%
	}

	#btn24 {
		display:none;
	}

	#btn24:checked + label > img {
		width: 100%
	}

	#btn25 {
		display:none;
	}

	#btn25:checked + label > img {
		width: 100%
	}

	#btn26 {
		display:none;
	}

	#btn26:checked + label > img {
		width: 100%
	}

	#btn27 {
		display:none;
	}

	#btn27:checked + label > img {
		width: 100%
	}

	#btn28 {
		display:none;
	}

	#btn28:checked + label > img {
		width: 100%
	}

	#btn29 {
		display:none;
	}

	#btn29:checked + label > img {
		width: 100%
	}

	#btn30 {
		display:none;
	}

	#btn30:checked + label > img {
		width: 100%
	}

	#btn31 {
		display:none;
	}

	#btn31:checked + label > img {
		width: 100%
	}

	#btn32 {
		display:none;
	}

	#btn32:checked + label > img {
		width: 100%
	}

	#btn33 {
		display:none;
	}

	#btn33:checked + label > img {
		width: 100%
	}

	#btn34 {
		display:none;
	}

	#btn34:checked + label > img {
		width: 100%
	}

	#btn35 {
		display:none;
	}

	#btn35:checked + label > img {
		width: 100%
	}

	#btn36 {
		display:none;
	}

	#btn36:checked + label > img {
		width: 100%
	}

	#btn37 {
		display:none;
	}

	#btn37:checked + label > img {
		width: 100%
	}

	#btn38 {
		display:none;
	}

	#btn38:checked + label > img {
		width: 100%
	}

	#btn39 {
		display:none;
	}

	#btn39:checked + label > img {
		width: 100%
	}

	#btn40 {
		display:none;
	}

	#btn40:checked + label > img {
		width: 100%
	}

	#btn41 {
		display:none;
	}

	#btn41:checked + label > img {
		width: 100%
	}

	#btn42 {
		display:none;
	}

	#btn42:checked + label > img {
		width: 100%
	}

	#btn43 {
		display:none;
	}

	#btn43:checked + label > img {
		width: 100%
	}

	#btn44 {
		display:none;
	}

	#btn44:checked + label > img {
		width: 100%
	}

	#btn45 {
		display:none;
	}

	#btn45:checked + label > img {
		width: 100%
	}

	#btn46 {
		display:none;
	}

	#btn46:checked + label > img {
		width: 100%
	}

	#btn47 {
		display:none;
	}

	#btn47:checked + label > img {
		width: 100%
	}

	#btn48 {
		display:none;
	}

	#btn48:checked + label > img {
		width: 100%
	}

	#btn49 {
		display:none;
	}

	#btn49:checked + label > img {
		width: 100%
	}

	#btn50 {
		display:none;
	}

	#btn50:checked + label > img {
		width: 100%
	}

	#btn51 {
		display:none;
	}

	#btn51:checked + label > img {
		width: 100%
	}

	#btn52 {
		display:none;
	}

	#btn52:checked + label > img {
		width: 100%
	}

	#btn53 {
		display:none;
	}

	#btn53:checked + label > img {
		width: 100%
	}

	#btn54 {
		display:none;
	}

	#btn54:checked + label > img {
		width: 100%
	}

	#btn55 {
		display:none;
	}

	#btn55:checked + label > img {
		width: 100%
	}

	#btn56 {
		display:none;
	}

	#btn56:checked + label > img {
		width: 100%
	}

	#btn57 {
		display:none;
	}

	#btn57:checked + label > img {
		width: 100%
	}

	#btn58 {
		display:none;
	}

	#btn58:checked + label > img {
		width: 100%
	}

	#btn59 {
		display:none;
	}

	#btn59:checked + label > img {
		width: 100%
	}

	#btn60 {
		display:none;
	}

	#btn60:checked + label > img {
		width: 100%
	}

	img {
		transition: 1s;
	}
	
	img:hover{
		cursor:pointer;
		width:105%;
	}
}

@media (max-aspect-ratio: 10000/10001){
	
	p{
		padding-left:2%;
		font-size:1vh;
	}
	
	iframe {
		width:95%;
	}
	
	.head-grid-container {
		display: grid;
		grid-template-columns: 100vw;
		height:100vh;
	}

	.head1 {
		grid-area: 1 / 1 / 2 / 2;
		width:100vw;
		height:50vh;
	}

	.head2 {
		grid-area: 2 / 1 / 3 / 2;
		display: flex;
		justify-content: center;
		align-items: center;
		width:100vw;
		height:50vh;
	}
	
    /*****************************/
	
	.grid-container {
		display: grid;
		grid-template-columns: 100vw;
		grid-gap: 30px;
	}
	
	.grid-container img, p{
		width:95%;
	}
	
	#btn1 {
		display:none;
	}

	#btn2 {
		display:none;
	}
	
	#btn3 {
		display:none;
	}

	#btn4 {
		display:none;
	}
	
	#btn5 {
		display:none;
	}

	#btn6 {
		display:none;
	}
	
	#btn7 {
		display:none;
	}
	
	#btn8 {
		display:none;
	}

	#btn9 {
		display:none;
	}

	#btn10 {
		display:none;
	}

	#btn11 {
		display:none;
	}

	#btn12 {
		display:none;
	}

	#btn13 {
		display:none;
	}

	#btn14 {
		display:none;
	}

	#btn15 {
		display:none;
	}

	#btn16 {
		display:none;
	}

	#btn17 {
		display:none;
	}

	#btn18 {
		display:none;
	}

	#btn19 {
		display:none;
	}

	#btn20 {
		display:none;
	}

	#btn21 {
		display:none;
	}

	#btn22 {
		display:none;
	}

	#btn23 {
		display:none;
	}

	#btn24 {
		display:none;
	}

	#btn25 {
		display:none;
	}

	#btn26 {
		display:none;
	}

	#btn27 {
		display:none;
	}

	#btn28 {
		display:none;
	}

	#btn29 {
		display:none;
	}

	#btn30 {
		display:none;
	}

	#btn31 {
		display:none;
	}

	#btn32 {
		display:none;
	}

	#btn33 {
		display:none;
	}

	#btn34 {
		display:none;
	}

	#btn35 {
		display:none;
	}

	#btn36 {
		display:none;
	}

	#btn37 {
		display:none;
	}

	#btn38 {
		display:none;
	}

	#btn39 {
		display:none;
	}

	#btn40 {
		display:none;
	}

	#btn41 {
		display:none;
	}

	#btn42 {
		display:none;
	}

	#btn43 {
		display:none;
	}

	#btn44 {
		display:none;
	}

	#btn45 {
		display:none;
	}

	#btn46 {
		display:none;
	}

	#btn47 {
		display:none;
	}

	#btn48 {
		display:none;
	}

	#btn49 {
		display:none;
	}

	#btn50 {
		display:none;
	}

	#btn51 {
		display:none;
	}

	#btn52 {
		display:none;
	}

	#btn53 {
		display:none;
	}

	#btn54 {
		display:none;
	}

	#btn55 {
		display:none;
	}

	#btn56 {
		display:none;
	}

	#btn57 {
		display:none;
	}

	#btn58 {
		display:none;
	}

	#btn59 {
		display:none;
	}

	#btn60 {
		display:none;
	}

	img {
		transition: 1s;
	}

}

.grid-container > div {
  text-align:center;
  font-size:2vh;
}