/*!
 * Start Bootstrap - 1 Col Portfolio (https://startbootstrap.com/template-overviews/1-col-portfolio)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-1-col-portfolio/blob/master/LICENSE)
 */

body {
  padding-top: 70px;
  padding-bottom: 250px;
  background: #f0f0f0 !important;
}

.tiles-container {
  top: 20vh;
  position: relative;
  text-align:center;
}


.tile {
  text-align: center;
  background: white;
  margin: 5px;
  border-radius: 7px;
  height: 200px;
  width: 200px;
  display: inline-block;

  box-shadow: 0 2px 4px rgba(0,0,0,0.1);

  transition: 0.5s;
}

.tile img {
  width: 100px;
  height: 100px;

  margin-top: 30px;
}

.tile h5 {
  margin-top: 22px;
}

.tile:hover {
  box-shadow: 0px 0px 20px #aaaaaa;
  cursor: pointer;
  transition: 0.5s;
}

.footer {
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
}









.contact-header {
  position: absolute;
  text-align: left;
  left: 15px;
  bottom: 10px;
  font-family: 'Roboto', sans-serif !important;
  color: #414141;
  font-size: 14px;
}

.contact-header span {
  margin-left: 10px;
}

.contact-header-single-object {
  transition: 0.5s;
}

.contact-header-single-object:hover:after {
  content: 'Klicka för att kopiera';
  margin-left: 10px;
  font-size: 12px;
  color: #696969;
}

.contact-header-single-object:hover {
  transition: 0.5s;
  color: black;
  cursor: pointer;
}









.errorbanner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.errorbanner p {
    text-align: center;
    color: white;
    padding: 12px 10px 0 10px;
}

.bannerGreen {
    background: #27ae60;
}

.bannerRed {
    background: #c0392b;
}

#mainContent {
  max-width: 1337px !important;
}