/* ©Andolo */
.grid-container {
  display: grid;
  column-gap: 50px;
  row-gap: 170px;
  grid-template-columns: auto auto;  
}



#prosjekt
{
  background-color: rgba(23, 11, 66, 0.214);
  margin: 10%;
  width: 80%;
  border: 5px solid rgb(222, 202, 255);
  border-top-color: rgb(227, 227, 255);
  border-right-color: rgb(2, 18, 84);
  border-bottom-color: rgb(12, 18, 84);
  border-left-color:rgb(222, 202, 255) ;
  text-align: center; 
  
}
#uedocs
{
  margin-left: 17%;
  width: 64%;
  border: 5px solid rgb(222, 202, 255);
  border-top-color: rgb(227, 227, 255);
  border-right-color: rgb(2, 18, 84);
  border-bottom-color: rgb(12, 18, 84);
  border-left-color:rgb(222, 202, 255) ;
  text-align: center; 
}
#ytv
{
  border: 5px solid rgb(222, 202, 255);
  border-top-color: rgb(227, 227, 255);
  border-right-color: rgb(2, 18, 84);
  border-bottom-color: rgb(12, 18, 84);
  border-left-color:rgb(222, 202, 255) ;
  text-align: center; 
}

#News
{
  text-align: center;  
  
  background-color: rgba(15, 9, 36, 0.601);
  color: aliceblue;
  border: 5px solid rgb(222, 202, 255);
  border-top-color: rgb(227, 227, 255);
  border-right-color: rgb(2, 18, 84);
  border-bottom-color: rgb(12, 18, 84);
  border-left-color:rgb(222, 202, 255) ;
}

#title
{
  color: aliceblue;
  text-align: center;
  font-size:4vw;
  background-color: rgba(54, 22, 169, 0.601);
  width: 50%;
  margin-left: 25%;
  
}

#Bla{
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.Bla {
  overflow: hidden;
  padding: 1%;
  background-image: url("../img/KontorMat1.png");
               
}

.text_Storelse {
	font-size: 80px;

}

.Bla a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  margin: 0px 10px;
  background-size: cover;
  text-decoration: none;
  font-size: 40px;
  background-color:rgb(92, 75, 124) ;
  border: 5px solid rgb(222, 202, 255);
  border-top-color: rgb(227, 227, 255);
  border-right-color: rgb(21, 7, 33);
  border-bottom-color: rgb(21, 7, 33);
  border-left-color:rgb(222, 202, 255) ;
}

.Bla a:hover {
  background-color:rgb(150, 123, 199);
  color: black;
}

.Bla a.He {
  background-color:rgb(42, 41, 117);
  color: white;
}
.Bla a.He:hover {
  background-color:rgb(150, 123, 199);
  color: rgb(0, 0, 0);
}

#bon{
  background-color:rgb(92, 75, 124) ;
  border: 5px solid rgb(222, 202, 255);
  border-top-color: rgb(227, 227, 255);
  border-right-color: rgb(21, 7, 33);
  border-bottom-color: rgb(21, 7, 33);
  border-left-color:rgb(222, 202, 255) ;
  color: aliceblue;
	position: absolute;
  margin-top: 500px ;
  left: 0;
	padding-right: 1230px;

}
.container {
  position: relative;
  width: 50%;
}

.image {
  opacity: 1;
  display: block;

  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}