@charset "utf-8";
.page {
  	display: grid;
  	grid-template-columns: 20vw auto;
}
.sidebar {
  	position: fixed;
 	width: 20vw;
  	align-content: flex-start;
  	font-family: 'Montserrat', sans-serif;
   	padding-top: 130px;
	font-size: 18px;
	color: rgba(146,146,146,1.00);
	
  
}
.sidebar a:link{
	color:rgba(146,146,146,1.00);
	text-decoration: none;
}
.sidebar a:active{
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
.sidebar a:visited{
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
.sidebar a:hover{
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
.main {
  	grid-column-start: 2;
	text-align: left;
	padding-left: 100px;
	padding-right:300px;
	overflow: auto;
	padding-bottom: 100px;
	padding-top: 120px;
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 17px;
	flex:1;
	
}
  
.header{
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 26px;
	width: 100%;
	position: fixed;
	
}
.footer{
	padding-left: 40px;
	padding-top:  0%;
	padding-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);	
	font-size: 15px;
	
	
	
	
}
.page{
	padding-top: 20px;
	text-align: center;
	min-height: 100%;
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	
	
}
.maincontact{
	text-align: left;
	grid-column-start: 2;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 120px;
	overflow: auto;
	padding-bottom: 100px;
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	flex:1;
	height: 55vh;
	
}
.mainphoto{
	grid-column-start: 2;
	text-align: left;
	padding-left: 100px;
	padding-right: 100px;
	overflow: auto;
	padding-bottom: 0px;
	padding-top: 108px;
	flex:1;
	
}


.mainphoto1{
	grid-column-start: 2;
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
	overflow: auto;
	padding-bottom: 0px;
	padding-top: 129px;
	flex:1;
}

#p1{
	height: 0px;
	overflow: hidden;
	-moz-transition:all .5s linear;
	-webkit-transition:all .5s linear;
	-o-transition:all .5s linear;
	transition:all .5s linear;
}

#btn{
	background-color: transparent;
	border: none;
	cursor: pointer;	
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	padding-left: 0px;
}
.subtitle{
	padding-left: 40px;
	position: fixed;
	padding-top: 50px;
	
	
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 18px;
}
.page a:link{
	color:rgba(146,146,146,1.00);
	text-decoration: none;
}
.page a:active{
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
.page a:visited{
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
.page a:hover{
	color: rgba(146,146,146,1.00);
	text-decoration: none;
	
}
.gallery1{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	
	height: 55vh;
	
}
.gallery{
	display: grid;
	grid-column-gap: 7px;
	grid-row-gap: 2px;
	height: flex;
	width: 100vh;
	grid-template-columns: repeat(4, 1fr);
	height: 55vh;
	
}
.gallery img{
	width: 100%;
}
.gallery.landscape{
	grid-column: span 2;
}
.body {
	display: flex;
	flex-direction: column;
	height: 100vh;
}
html{
    height: 100%;
}