/* line 4, ../../_sass/_typography.scss */
body {
  font-family: 'Montserrat', sans-serif;
}

/* line 5, ../../_sass/_typography.scss */
a {
  text-decoration: none;
  color: #3c6382;
  font-weight: inherit;
}
/* line 6, ../../_sass/_typography.scss */
a :hover {
  color: #34495e;
}

/* line 7, ../../_sass/_typography.scss */
h1, h2, h3, h4, h5 {
  font-weight: 500;
  text-transform: uppercase;
  color: #2c3e50;
  letter-spacing: 3px;
  margin-top: 2rem;
}

/* line 8, ../../_sass/_typography.scss */
p {
  font-size: 120%;
  font-weight: 500;
  color: #1e272e;
  margin-bottom: .5rem;
  line-height: 1.6;
}

/* line 9, ../../_sass/_typography.scss */
footer p {
  font-size: 50%;
  text-transform: uppercase;
  letter-spacing: 3px;
}

/* line 11, ../../_sass/_typography.scss */
.light-font {
  color: white;
}

/* line 13, ../../_sass/_typography.scss */
h3 span {
  font-size: 40%;
  margin-left: 1rem;
}

/* line 15, ../../_sass/_typography.scss */
.menu a {
  font-size: .8rem;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3px;
}

/* line 17, ../../_sass/_typography.scss */
.category {
  font-size: .8rem;
  text-transform: uppercase;
  color: #2c3e50;
  font-weight: 600;
  letter-spacing: 3px;
}

/* line 18, ../../_sass/_typography.scss */
.page-nav {
  text-transform: uppercase;
  color: #2c3e50;
  font-weight: 600;
  letter-spacing: 3px;
}
/* line 19, ../../_sass/_typography.scss */
.page-nav span {
  margin: 0 .7rem;
}

/* line 21, ../../_sass/_typography.scss */
h1.contact-h {
  font-weight: 800;
  font-size: 500%;
  line-height: 4rem;
  color: rgba(236, 240, 241, 0.5);
  position: absolute;
  letter-spacing: 5px;
  overflow: hidden;
}

/* line 22, ../../_sass/_typography.scss */
h3.contact-h {
  position: relative;
  z-index: 1;
  margin: 2rem 0 0 1rem;
}

/* line 23, ../../_sass/_typography.scss */
p.contact-p {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}

/* line 25, ../../_sass/_typography.scss */
.post-info h4 {
  color: rgba(52, 73, 94, 0.1);
}

/* line 26, ../../_sass/_typography.scss */
.post-info h2 {
  margin-bottom: 0;
}

/* line 27, ../../_sass/_typography.scss */
p.mini {
  margin-bottom: .5rem;
}

/* line 29, ../../_sass/_typography.scss */
.blog-head-text h1 {
  color: rgba(52, 73, 94, 0.1);
  font-weight: 800;
  font-size: 500%;
  line-height: 4rem;
  position: absolute;
  letter-spacing: 5px;
  overflow: hidden;
}

/* line 30, ../../_sass/_typography.scss */
.blog-head-text h3 h3.contact-h {
  position: relative;
  z-index: 1;
  margin: 2rem 0 0 1rem;
}

/* line 32, ../../_sass/_typography.scss */
.post-text ul {
  list-style: circle outside none;
  margin-left: 1.5rem;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 36, ../../_sass/_typography.scss */
  h1.contact-h {
    font-size: 300%;
  }

  /* line 37, ../../_sass/_typography.scss */
  .blog-head-text h1 {
    font-size: 300%;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 43, ../../_sass/_typography.scss */
  h1.contact-h {
    font-size: 200%;
    line-height: 2rem;
  }

  /* line 44, ../../_sass/_typography.scss */
  .blog-head-text h1 {
    font-size: 200%;
    line-height: 2rem;
  }

  /* line 45, ../../_sass/_typography.scss */
  .blog-head-text h3 {
    font-size: 200%;
    padding: 0;
  }

  /* line 46, ../../_sass/_typography.scss */
  .post-text p {
    padding: 0 .5rem;
  }

  /* line 47, ../../_sass/_typography.scss */
  .post-text h2, h3, h4, h5 {
    padding: 0 .5rem;
  }

  /* line 49, ../../_sass/_typography.scss */
  .post-info h2 {
    margin: .5rem 0;
  }

  /* line 51, ../../_sass/_typography.scss */
  .post-teaser h5 {
    margin: 0 0 2rem 0;
  }
}
/* line 5, ../../_sass/_helper.scss */
img {
  outline: none;
  border: none;
  background-size: cover;
  border-style: none;
  text-decoration: none;
}

/* line 7, ../../_sass/_helper.scss */
ul {
  margin-left: 0rem;
}

/* line 9, ../../_sass/_helper.scss */
.float-right {
  float: right;
}

/* line 12, ../../_sass/_helper.scss */
.margin-bottom-small {
  margin-bottom: 2rem;
}

/* line 13, ../../_sass/_helper.scss */
.margin-bottom-medium {
  margin-bottom: 4rem;
}

/* line 14, ../../_sass/_helper.scss */
.margin-bottom-big {
  margin-bottom: 6rem;
}

/* line 16, ../../_sass/_helper.scss */
.margin-top-small {
  margin-top: 2rem;
}

/* line 17, ../../_sass/_helper.scss */
.margin-top-medium {
  margin-top: 4rem;
}

/* line 18, ../../_sass/_helper.scss */
.margin-top-big {
  margin-top: 6rem;
}

/* line 20, ../../_sass/_helper.scss */
.padding-topbottom-small {
  padding: 2rem 0;
}

/* line 21, ../../_sass/_helper.scss */
.padding-topbottom-medium {
  padding: 4rem 0;
}

/* line 22, ../../_sass/_helper.scss */
.padding-topbottom-big {
  padding: 6rem 0;
}

/* line 24, ../../_sass/_helper.scss */
.padding-right-small {
  padding-right: 2rem;
}

/* line 25, ../../_sass/_helper.scss */
.padding-right-medium {
  padding-right: 4rem;
}

/* line 26, ../../_sass/_helper.scss */
.padding-right-big {
  padding-right: 6rem;
}

/* line 28, ../../_sass/_helper.scss */
.padding-bottom-small {
  padding-bottom: 2rem;
}

/* line 29, ../../_sass/_helper.scss */
.padding-bottom-medium {
  padding-bottom: 4rem;
}

/* line 30, ../../_sass/_helper.scss */
.padding-bottom-big {
  padding-bottom: 6rem;
}

/* line 32, ../../_sass/_helper.scss */
.margin-left-small {
  margin-left: 2rem;
}

/* line 33, ../../_sass/_helper.scss */
.margin-left-medium {
  margin-left: 4rem;
}

/* line 34, ../../_sass/_helper.scss */
.margin-left-big {
  margin-left: 6rem;
}

@media screen and (max-width: 39.9375em) {
  /* line 38, ../../_sass/_helper.scss */
  .padding-topbottom-small {
    padding: 1rem 0;
  }

  /* line 39, ../../_sass/_helper.scss */
  .padding-topbottom-medium {
    padding: 2rem 0;
  }

  /* line 40, ../../_sass/_helper.scss */
  .padding-topbottom-big {
    padding: 2rem 0;
  }

  /* line 42, ../../_sass/_helper.scss */
  .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }

  /* line 44, ../../_sass/_helper.scss */
  .margin-bottom-small {
    margin-bottom: 1rem;
  }

  /* line 45, ../../_sass/_helper.scss */
  .margin-bottom-medium {
    margin-bottom: 2rem;
  }

  /* line 46, ../../_sass/_helper.scss */
  .margin-bottom-big {
    margin-bottom: 4rem;
  }
}
/* line 6, ../../_sass/main.scss */
.menu {
  border-top: 10px solid #2c3e50;
}

/* line 7, ../../_sass/main.scss */
.oddnina-logo {
  margin: auto;
  content: "";
  width: 220px;
  height: 220px;
  background: url(../logos/oddnina-logo-blue-t.png) no-repeat center;
}

/* line 8, ../../_sass/main.scss */
.bg-grey {
  background-color: rgba(236, 240, 241, 0.5);
}

/* line 9, ../../_sass/main.scss */
footer {
  border-bottom: 20px solid #2c3e50;
}

/* line 12, ../../_sass/main.scss */
.welcome-bg {
  margin: 0 0 6rem 0;
}

/* line 13, ../../_sass/main.scss */
.bg-profile {
  height: 42rem;
  position: relative;
  background: url(../img/bodo.jpg) no-repeat center;
}

/* line 14, ../../_sass/main.scss */
.welcome-text {
  margin: 20rem 0 0 13rem;
  max-width: 15rem;
}

/* line 15, ../../_sass/main.scss */
.welcome-profile-picture {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 20rem;
  height: 27rem;
  z-index: 1;
  background: url(../img/nina-1.jpg) no-repeat center;
  background-size: contain;
}

/* line 16, ../../_sass/main.scss */
.welcome-profile-picture:hover {
  background: url(../img/nina-2.jpg) no-repeat center;
  width: 20rem;
  height: 27rem;
  background-size: contain;
}

/* line 19, ../../_sass/main.scss */
.blog-teaser-img {
  margin: 1rem 0 2rem 0;
  width: 600px;
  height: 350px;
  object-fit: cover;
  opacity: 1;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

/* line 20, ../../_sass/main.scss */
.blog-teaser-img:hover {
  opacity: .7;
}

/* line 23, ../../_sass/main.scss */
.social-list ul {
  padding: 0;
  margin-left: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 24, ../../_sass/main.scss */
.social-list li {
  font-size: 140%;
  margin: 0 1rem 0.7rem 0;
  padding: 0;
  display: inline;
  float: left;
}

/* line 25, ../../_sass/main.scss */
.project {
  padding: 0.5rem;
}

/* line 26, ../../_sass/main.scss */
.project-oddgaming-logo {
  margin: 0 auto;
  width: 300px;
  min-height: 350px;
  background: url(../logos/oddgaming-logo-grey-t.png) no-repeat center;
}

/* line 27, ../../_sass/main.scss */
.project-oddblog-logo {
  margin: 0 auto;
  width: 300px;
  min-height: 350px;
  background: url(../logos/oddblog-logo-grey-t.png) no-repeat center;
}

/* line 28, ../../_sass/main.scss */
.project-oddspeaker-logo {
  margin: 0 auto;
  width: 300px;
  min-height: 350px;
  background: url(../logos/oddnina-logo-grey-t.png) no-repeat center;
}

/* line 31, ../../_sass/main.scss */
.contact {
  margin-top: 3rem;
  max-width: 32rem;
  float: right;
}

/* line 32, ../../_sass/main.scss */
.picture-list {
  overflow: visible;
  float: right;
  display: block;
}
/* line 33, ../../_sass/main.scss */
.picture-list img {
  margin-top: 6rem;
  position: relative;
  padding-right: .5rem;
  float: left;
  max-width: 12rem;
  max-height: 12rem;
}

/* line 36, ../../_sass/main.scss */
.logo-bg {
  background: white;
  border-radius: 50%;
  width: 220px;
  height: 220px;
  margin: 1rem;
}

/* line 37, ../../_sass/main.scss */
.oddblog-logo {
  margin: auto;
  content: "";
  width: 220px;
  height: 220px;
  background: url(../logos/oddblog-logo-grey-t-l.png) no-repeat center;
}

/* line 38, ../../_sass/main.scss */
.blog-info-bg {
  background-image: linear-gradient(to bottom, #ecf0f1, rgba(236, 240, 241, 0.5));
}

/* line 39, ../../_sass/main.scss */
.blog-profile-picture {
  max-width: 15rem;
  max-height: 15rem;
  width: 100%;
  height: 100%;
  background: url(../img/nina-2.jpg) no-repeat top;
  background-size: cover;
}

/* line 40, ../../_sass/main.scss */
.blog-teaser-text {
  margin-left: 1rem;
}
/* line 41, ../../_sass/main.scss */
.blog-teaser-text li {
  list-style: none;
  display: inline;
  margin-right: .4rem;
}
/* line 42, ../../_sass/main.scss */
.blog-teaser-text p {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #2c3e50;
}

/* line 46, ../../_sass/main.scss */
.oddblog-logo {
  margin: auto;
  content: "";
  width: 220px;
  height: 220px;
  background: url(../logos/oddblog-logo-grey-t-l.png) no-repeat center;
}

/* line 49, ../../_sass/main.scss */
.pagination-bg {
  background-color: rgba(236, 240, 241, 0.5);
}

/* line 50, ../../_sass/main.scss */
.post-head-bg {
  background-color: rgba(236, 240, 241, 0.5);
}

/* line 52, ../../_sass/main.scss */
.big-blog-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* line 53, ../../_sass/main.scss */
.post-info {
  margin: 30% 0 0 30%;
}

/* line 54, ../../_sass/main.scss */
.post-info h4 {
  margin: 1rem 0;
}

/* line 55, ../../_sass/main.scss */
.page-nav {
  margin: 1rem 0;
}

/* line 56, ../../_sass/main.scss */
.post-text img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* line 57, ../../_sass/main.scss */
.blog-posts-bg {
  padding-bottom: 4rem;
  background-image: linear-gradient(to bottom, rgba(236, 240, 241, 0.5), white);
}

/* line 58, ../../_sass/main.scss */
.post-text img {
  width: 100%;
  height: auto;
  margin: 2rem 0;
}

/* line 61, ../../_sass/main.scss */
.blog-head-img img {
  object-fit: cover;
  height: 30rem;
  width: 100%;
}

/* line 62, ../../_sass/main.scss */
.blog-head-bg {
  background-color: rgba(236, 240, 241, 0.5);
}

/* line 63, ../../_sass/main.scss */
.blog-head-picture {
  top: 55%;
  left: 45%;
  position: absolute;
  width: 20rem;
  height: 10rem;
  z-index: 1;
  background-size: contain;
}

/* line 64, ../../_sass/main.scss */
.blog-head-text {
  max-width: 70%;
  margin: 10% 0 0 20%;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  /* line 69, ../../_sass/main.scss */
  .blog-head-picture {
    top: 70%;
    left: 30%;
    width: 15rem;
    height: 7rem;
  }

  /* line 70, ../../_sass/main.scss */
  .welcome-bg {
    margin: 0 0 0 0;
  }

  /* line 73, ../../_sass/main.scss */
  .picture-list {
    float: none;
    text-align: center;
  }
  /* line 74, ../../_sass/main.scss */
  .picture-list img {
    margin-top: .5rem;
    float: none;
  }
}
@media screen and (max-width: 39.9375em) {
  /* line 82, ../../_sass/main.scss */
  .welcome-text {
    margin: 1rem;
    text-align: center;
    max-width: 100%;
  }

  /* line 83, ../../_sass/main.scss */
  .post-info {
    margin: 0 0 0 0;
  }

  /* line 84, ../../_sass/main.scss */
  .welcome-bg {
    margin: 0 0 0 0;
  }

  /* line 85, ../../_sass/main.scss */
  .padding-topbottom-medium {
    padding: 2rem 0;
  }

  /* line 88, ../../_sass/main.scss */
  .contact {
    text-align: center;
    margin-top: 1rem;
    max-width: 100%;
    float: none;
  }

  /* line 89, ../../_sass/main.scss */
  .picture-list {
    float: none;
    text-align: center;
  }
  /* line 90, ../../_sass/main.scss */
  .picture-list img {
    margin-top: .5rem;
    float: none;
    max-width: 10rem;
    max-height: 10rem;
  }

  /* line 93, ../../_sass/main.scss */
  .post-text {
    margin: 0 .3rem;
  }

  /* line 94, ../../_sass/main.scss */
  .blog-teaser-img {
    margin: 1rem 0;
  }

  /* line 95, ../../_sass/main.scss */
  .mini {
    padding-top: .2rem;
  }

  /* line 96, ../../_sass/main.scss */
  .blog-profile-picture {
    min-height: 15rem;
  }

  /* line 97, ../../_sass/main.scss */
  .blog-posts-bg {
    padding-bottom: 0rem;
  }
}