/* Nedan @import lägger till bulma.io */
@import "https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css";

* {
  box-sizing: border-box;
}

body {
  background-color: #E9ECEF !important;
}

html {
  width: 100%;
  background-color: #E9ECEF !important;
}

.jumbotron {
  float: right;
  margin-top: 14vw;
}

em {
  background-color: #f1dec8 !important;
}

.bildjag {
  width: 40% !important;   /* 30vw */
  margin-top: 10vw;
}

.text-muted {
  text-align: left;
  margin-left: 10vw;
  font-size: 0.6vw;
}

#knappInforuta {
  font-family: "Architects Daughter", cursive;
  background-color: #f1dec8;
  color: #17202A;!
}

.stort {
  font-size: 5vw !important;
}

.mindre {
  font-size: 1.5vw !important;
}

.fontRaleway {
  font-family: raleway;
}

.namn  {
  margin-left: 7% !important;
  font-size: 6vw !important;
}

.linkedin {
  font-size: 2vw !important;
  margin-right: 10% !important;
  float: right;
}

.navbar .fontArchitectsDaughter {
    font-family: "Architects Daughter", cursive;
    font-size: 2vw !important;
  }

.fontArchitectsDaughter {
  font-family: "Architects Daughter", cursive;
  font-size: 2vw !important;
}

@media only screen and (max-width: 768px) {

  .navbar .fontArchitectsDaughter {
    font-family: "Architects Daughter", cursive;
    font-size: 6vw !important;
  }

  .linkedin {
    font-size: 6vw !important;
    float: right !important;
    margin-right: 4% !important;
  }

  .cip-info {
    text-align: center;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    background-color: #f1dec8 !important;
    margin-top: 6%;
    margin-bottom: 6% !important;
  }

  .cip-info button {
    font-size: 4vw;
    color: black !important;
  }

  .collapse {
    margin-bottom: 6%;
    padding-bottom: 6%;
  }
}

@media only screen and (max-width: 1900px) and (min-width: 769px) {
  
  .navbar .fontArchitectsDaughter {
    font-family: "Architects Daughter", cursive;
    font-size: 4vw !important;
  }

  .linkedin {
    font-size: 4vw !important;
    float: right;
  }

  .cip-info {
    text-align: center;
    background-color: #f1dec8 !important;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 6%;
    margin-bottom: 6% !important;
  }

  .cip-info button {
    font-size: 2vw;
    color: black !important;
  }

  .collapse {
    margin-bottom: 6%;
    padding-bottom: 2%;
  }
}

@media only screen and (min-width: 1900px) {
  .cip-info {
      text-align: center;
      background-color: #f1dec8 !important;
      width: 60%;
      margin-left: 20%;
      margin-right: 20%;
      margin-top: 6%;
      margin-bottom: 6% !important;
  }

  .cip-info button {
    font-size: 2vw;
    color: black !important;
  }

  .collapse {
    margin-bottom: 6%;
    padding-bottom: 2%;
  }
}