/* CSS reset */

* {
  padding:0;
  margin: 0;
  box-sizing:border-box;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background:#ddd;

}

a, a:visited {
  text-decoration: none;
  color:#444;
}

h1, h2 {
  font-weight:bold;
  line-height:1.2;
}

/* Font utils */
.text-primary {
  color:rgb(0, 158, 0);
}

/* Navbar */

.header {
  height:100vh;
  position:relative;
}

.navbar {
  display:flex;
  align-items:center;
  padding: 20px 20px;
  background: #fff;
  position: fixed;
  top: 0px;
  width:100%;
  opacity:0.5;
  /* border: solid 1px black; */
}

/* Rows and columns */

.flex-grid {
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: center;
  align-items:center;
  
}

section {
  height:100vh;
  padding:20px;
  border: 1px solid black;
}

/* Pic formatting */

img {
  max-height:100%;
  max-width:100%;
}

.picframe {
  border:4px solid #777;
  width:200px;
  height:auto;
  border-radius:5%;
  overflow:hidden;
  margin: 20px 20px;
  display:block;  
}

.picframe img {
  /* Gap correction */
  display:block;
}