@import url('https://fonts.googleapis.com/css?family=Anton|Bitter|Bowlby+One+SC|Coiny|Indie+Flower|Noto+Sans|Noto+Serif|Oxygen|PT+Sans|Pacifico|Playfair+Display|Passion+One');


* { box-sizing: border-box; }

html,body{ height: 100%; }
body{ margin: 0; }

section{
  min-height: 100%;
}

#about{ background-color: white; }
#work{ background-color: white; }
#more{ background-color: white;}


.google{
  font-family: 'Oxygen', sans-serif;
  color: #704B52;
  text-decoration:none;

}



nav{ 
  position: fixed; 
  left: 0;
  top: 0;
  background-color: #FFF2E6;
  width: 100%;
  text-align: center;
  z-index:2;
}

nav ul{   max-width: 960px;
  margin:0 auto;
  padding-left:0;
}

.row { width: 100%; max-width: 960px; margin: 0 auto;}

nav ul li{ 
  display: inline-block;
  padding: 8px 20px; 
}

nav ul li a { 
  color:blue;
  text-decoration: none;
  font-size: calc( 1vw + 8px );
  font-family: verdana, sans-serif;
}

nav ul li a:hover{ 
  color: 704B52;
  background-color: none;
  text-decoration:underline;
  display: inline-block;
}




.container{ max-width: 960px; margin: 0 auto; }





* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial;
}

/* The grid: Four equal columns that floats next to each other */



.column {
  float: left;
  width: 25%;
  padding: 0px;
}

/* Style the images inside the grid */
.column img {
  width: 100%;
  opacity: 1; 
  cursor: pointer; 
}

.column img:
hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
.container {
  position: relative;
  display: none;
   


}



/* Expanding image text */
#imgtext, #imgtext1, #imgtext2,{
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 15px;
  image-rendering:inherit;
  margin-top:-150px;
  

}


#imgtext, #imgtext3 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: black;
  font-size: 15px;
  image-rendering:inherit;
  margin-top:-150px;
  

}

/* Closable button inside the expanded image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;

}