body {background: #ccc url("/images/bg.jpg");}

/* Placerar menyn efter logotypen */
.header {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	
}
.header .grid-child:first-child {
	grid-column: 2/3;
}
.header .container-nav {
	grid-column: 3/6;
}

/* Meny färg */
.container-header .mod-menu {
   justify-content: center;
   color: #fff;
   padding: 0;
}
/* meny font storlek */
.navbar a {
  font-size: 12px;
}
/* Top färg */
.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #434178;
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}
/* Bot färg */
.container-footer {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #434178;
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

.myDiv {
  margin: 0 auto;
}
/* Foto personal */
.row-one {
  list-style: none;
  font-size: 0px;
  margin-left: -2.5%;
}

.row-one li {
  display:inline-block;;
  padding: 10px;
  margin: 0 0 2.5% 2.5%;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: top;
  box-shadow: 0 0 5px #ddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}