@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);

  * {
    padding: 0px;
    margin: 0px;
    font-size: 20px
  }


  body {
    background-color: #faf8eb;
    overflow-x: hidden;
  }
  @media only screen and (min-width: 481px) {
    footer {
      /* position: fixed; */
      bottom: 0;
      left: 0;
      width: 100%;
    }
  }

  html {
    font-family: 'Roboto', sans-serif;
  }


  header {
    background-color: #FB9637;
  }

  .tittel {
    text-decoration: none;
    font-size: 50px;
    color: white;
  }

  .divboks {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 5px;
    height: 19%;


  }


  .tekstfargediv {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    padding: 50px;
    width: 50%;
    font-size: 45px;
    line-height: 1.2;
    background-color: #faf8eb;
  }
  

  .bildefargediv1 {
    width: 500px;
    display: flex;
    margin-right: 75px;
    border-radius: 25px;
    position: relative;
    height: 12%;
    margin: 25px;
  }


  .jobbvalgboks {
    background-color: #EEEEEE;
    height: 150px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  .buttonjobbvalg {
    background-color: orange;
    /* Green */
    border: 2px solid #272727;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;


  }

  .divbokseksempel {
    display: flex;


  }


  .show {
    display: none;
  }

  .leggutjobbartikkel {
    height: 1000px;
  }


  .divboksannonse {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: left;
    border: #272727 2px solid;
    flex-direction: row;
    flex-wrap: wrap;
    width: 2000px;
    margin-right: 50px;
    border-radius: 25px;

  }

  .leggutjobbknapp {
    cursor: pointer;
  }



  .søkeknappall {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
    width: 100%;
    cursor: pointer;
  }

  .søkeknappall :hover {
    background-color: #272727;
  }



  .gressannonse {
    height: 100px;

  }

  .vinduannonse {
    height: 100px;
  }

  .snøannonse {
    height: 100px;
  }

  .annonsesnøbilde {
    display: flex;
    width: 10px;
  }

  .buttonjobbvalg:hover {
    background-color: #272727;
  }


  .menu {
    padding: 10px;
    padding-right: 60px;
  }

  .meny {
    display: flex;
    justify-content: right;
    align-items: center;
  }

  .menuvalg {
    display: flex;
    justify-content: right;
  }

  #cookie-user {
    color: #fff;
    margin: auto;
    padding: 0 40px;
    font-size: 20px;
  }


  .logginnknapp:hover,
  .leggutjobbknapp:hover,
  .bestilltjenesteknapp:hover {
    cursor: pointerx;
  }

  #logo {
    width: 80px;
    height: 80px;
  }

  #logob {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }

  #btn {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    border: solid 2px #272727;
    border-radius: 0px 35px 35px 0px;
    height: 80px;
    cursor: pointer;
  }

  #btn:hover,
#btn2:hover,
#btn3:hover {
  background-color: #272727;
  transition: background-color 0.3s ease-in-out;
}


  .leggutjobb {
    position: relative;
    display: inline-block;
    margin: 0;
  }

  .leggutjobbknapp {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
  }

  .menuvalg {
    background-color: #FB9637;
    display: flex;
    justify-content: space-evenly;
    align-items: left;
  }

  .logginn {
    display: flex;
    justify-content: right;

  }

  .first {
    padding: 5px;
    margin: 5px;
  }

  .leggutjobbdropdown {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }


  .leggutjobbdropdown a {
    color: #272727;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }


  .logginnknapp:hover,
.leggutjobbknapp:hover,
.bestilltjenesteknapp:hover {
  cursor: pointer;
}




  .bestilltjenesteknapp {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
  }

  #btn2 {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
    border-radius: 35px 0px 0px 35px;
    height: 80px;
    cursor: pointer;
  }

  #btn2:hover {
    background-color: #FB9637;
  }

  .bestillTjeneste {
    position: relative;
    display: inline-block;
    margin: 0;
  }

  .bestilltjenestedropdown {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  .bestillTjeneste a {
    color: #272727;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  .bestillTjeneste a:hover {
    background-color: #ddd;
  }

  .bestillTjeneste:hover .bestilltjenestedropdown {
    display: block;
  }

  .bestillTjeneste:hover .bestilltjenesteknapp {
    background-color: #272727;
  }


  .logginnknapp {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
  }

  #btn3 {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
    border-radius: 35px 0px 0px 35px;
    height: 80px;
    cursor: pointer;
  }

  #btn3:hover {
    background-color: #FB9637;
  }

  .logginn {
    position: relative;
    display: inline-block;
    margin: 0;
  }

  .logginndropdown {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  .logginndropdown a {
    color: #272727;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  .logginndropdown a:hover {
    background-color: #ddd;
  }

  .logginn:hover .logginndropdown {
    display: block;
  }

  .logginn:hover .logginnknapp {
    background-color: #272727;
  }


  .omosstekst:hover {
    background-color: #272727;
  }


  .snøbilde {
    width: 100%;
    background-size: cover;
  }

  .omossbg {
    background-color: #f1f1f1;
    border-top: 1px solid #444;
    width: 100%;
  }



  a:link {
    text-decoration: none;
  }



  .omosstekst {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
  }
  




 
  

  #kropp {
    width: 100%;
    height: 611px;
    background-color: white;
    display: flex;
    justify-content: left;
    align-items: center;
  }

  #søknad {
    background-color: orange;
    width: 350px;
    height: 600px;
    border-radius: 40px;
    position: relative;
  }

  .søknad {
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 9;
    margin: 12px;
    height: 575px;
    width: 325px;
    border-radius: 25px;
  }

  #søkeknapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;

  }

  #søkebar {
    display: flex;
    justify-content: center;
    /* align-items: ; */
    margin-top: -450px;
    position: absolute;
  }

  .btn {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
    width: 100%;
    cursor: pointer;
  }

  .søkeknappgress {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
    cursor: pointer;
  }

  .søkeknappsnø {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
    cursor: pointer;
    width: 100%;
  }


  .søkeknappvindu {
    background-color: #FB9637;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: solid 2px #272727;
    cursor: pointer;
    width: 100%;
  }


  .søkeknappsnø1:hover .søkeknappsnø {
    background-color: #272727;
  }

  .søkeknappgress1:hover .søkeknappgress {
    background-color: #272727;
  }

  .søkeknappvindu1:hover .søkeknappvindu {
    background-color: #272727;
  }

  #test13 {
    position: absolute;
  }


  .informasjonsboks {
    display: flex;
    align-items: center;
    height: 20%;
    background-color: #faf8eb;
    margin: 25px;
    width: 100%;
    /* height: 250px; */
    transition: transform 0.3s ease-in-out;
    justify-content: space-evenly;
  }

  .informasjonsboks img:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
  }

  .snøbilde {
    width: 400px;
    height: 266px;
    margin: 10px;
  }

  .gressbilde {
    width: 400px;
    height: 266px;
    margin: 10px;
  }

  .vindubilde {
    width: 400px;
    height: 266px;
    margin: 10px;
  }




  .informasjonsboks img {
    width: 400px;
    border-radius: 10px;


  }

  .informasjonsboks img:hover {
    transform: scale(1.1);
  }



  footer {
    bottom: 0;
    width: 100%;
    /* position: fixed; */
  }

  .footer-distributed {
    bottom: 0;
    left: 0;
    background-color: #22031F;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: normal 16px sans-serif;
    padding: 30px 30px;

  }


  .footer-distributed .footer-left p {
    color: #8f9296;
    font-size: 14px;
    margin: 0;
  }

  /* Footer links */

  .footer-distributed p.footer-links {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 10px;
    padding: 0;
    transition: ease .25s;
  }

  .footer-distributed p.footer-links a {
    display: inline-block;
    line-height: 1.8;
    text-decoration: none;
    color: inherit;
    transition: ease .25s;
  }

  .footer-distributed .footer-links a:before {
    content: "·";
    font-size: 20px;
    left: 0;
    color: #fff;
    display: inline-block;
    padding-right: 5px;
  }

  .footer-distributed .footer-links .link-1:before {
    content: none;
  }

  .footer-distributed .footer-right {
    float: right;
    margin-top: 6px;
    max-width: 180px;
  }

  .footer-distributed .footer-right a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: #33383b;
    border-radius: 2px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    margin-left: 3px;
    transition: all .25s;
  }




  .footer-distributed .footer-right a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }

  .footer-distributed p.footer-links a:hover {
    text-decoration: underline;
  }

  /* Media Queries */

  @media (max-width: 600px) {

    .footer-distributed .footer-left,
    .footer-distributed .footer-right {
      text-align: center;
    }

    .footer-distributed .footer-right {
      float: none;
      margin: 0 auto 20px;
    }

    .footer-distributed .footer-left p.footer-links {
      line-height: 1.8;
    }
  }

  .fargediv {
    background-color: #faf8eb;
    height: 12%;
    display: flex;
    justify-content: space-between;
    align-items: center;

  }

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

    * {
      font-size: 12px;
    }



    .tittel{
      font-size: 45px;
    }

    .divboks {
      flex-direction: column;
      height: auto;
    }

    .bildefargediv1 {
      width: 100%;
      margin: 0;
    }

    .tekstfargediv {
      padding: 10px;
      font-size: 100px;
    }

    .divboksannonse {
      flex-direction: column;
      width: 100%;
    }

    .menu {
      padding-right: 10px;
    }

    #cookie-user {
      padding: 0 10px;
    }

    #btn {
      border-radius: 35px;
      width: 100%;
    }


    .bestilltjenesteknapp {
      font-size: 14px;
      padding: 8px 12px;
    }
    .leggutjobbknapp {
      font-size: 14px;
      padding: 8px 12px;
    }
    .logginnknapp {
      font-size: 14px;
      padding: 8px 12px;
    }

    .leggutjobbdropdown {
      display: block;
    }


    
    .container {
      display: flex;
      justify-content: center;
    }
    
    .gressbilde,
    .snøbilde,
    .vindubilde {
      height: 150px;
      width: 300px !important;
    }

  }



  #FB {
    width: 35px;
    height: 35px;
  }

  #SC {
    width: 35px;
    height: 35px;
  }

  #TK {
    width: 35px;
    height: 35px;
  }

  #EM {
    width: 35px;
    height: 35px;
  }