/* meyer reset ty nasif*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*html, body, div, span, applet, object, iframe,*/
/*h1, h2, h3, h4, h5, h6, p, blockquote, pre,*/
/*a, abbr, acronym, address, big, cite, code,*/
/*del, dfn, em, img, ins, kbd, q, s, samp,*/
/*small, strike, strong, sub, sup, tt, var,*/
/*b, u, i, center,*/
/*dl, dt, dd, ol, ul, li,*/
/*fieldset, form, label, legend,*/
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
/*article, aside, canvas, details, embed, */
/*figure, figcaption, footer, header, hgroup, */
/*menu, nav, output, ruby, section, summary,*/
/*time, mark, audio, video {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	border: 0;*/
/*	font-size: 100%;*/
/*	font: inherit;*/
/*	vertical-align: baseline;*/
/*}*/
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, */
/*footer, header, hgroup, menu, nav, section {*/
/*	display: block;*/
/*}*/
/*body {*/
/*	line-height: 1;*/
/*}*/
/*ol, ul {*/
/*	list-style: none;*/
/*}*/
/*blockquote, q {*/
/*	quotes: none;*/
/*}*/
/*blockquote:before, blockquote:after,*/
/*q:before, q:after {*/
/*	content: '';*/
/*	content: none;*/
/*}*/
/*table {*/
/*	border-collapse: collapse;*/
/*	border-spacing: 0;*/
/*}*/


/* editing */
.tktk {
  color: blueviolet;
  background: greenyellow;
}

/* navigation + meta */
#topnav {
  position: fixed;
  right: 4vw;
  top: 14vh;
  font-size: 17px;
  font-family:'Inconsolata';
  text-align: right;
}

#footer-info{
  position: fixed; 
  bottom: 2vh; 
  right: 5vw; 
  opacity: .5; 
  text-align: right; 
  font-size: 10px
}

/* text styling */
body {
  background-color: white;
  color: black;
  position: absolute;
  text-align: left;
  top: 20vh;
  left: 4vw;
  right: 4vw;
  font-family: 'Inconsolata';
}

.page-title {
  font-size: 60px;
  position: fixed;
  text-align: left;
  top: 0vh;
  left: 4vw;
  font-family: 'Yatra One';
  font-weight: normal;
}

.subtitle {
  font-size: 20px;
  position: fixed;
  text-align: left;
  top: 18vh;
  left: 4vw;
  font-family: 'Inconsolata';
  font-weight: normal;
}

.subheading {
  font-size: 20px;
  /*background-color: black;*/
  /*color: white;*/
  text-align: left;
  font-family: 'Yatra One';
  font-weight: normal;
}

/* image styling */
#heroimg {
  position: fixed;
  z-index : -1;
  top: 0vh;
  left: 0vw;
  width: 125vw;
  height: 101vh;
}

.gallery-wall {
  display: grid;
  grid-template-columns: 25vw 25vw 25vw;
  grid-template-rows: 75vh 75vh 75vh;
  column-gap: 7vw;
  /*row-gap: 7vh;*/
}

.gallery-img{
  width: auto;
  height: 100%;
  object-fit: cover;
}