/*  layout  */
/*  colors  */
/*  typography  */
/*  lines  */
/*  break points  */
/*  debug  */
body {
  background-color: white;
  min-width: 360px; }

/*  header  */
@media screen and (max-width: 800px) {
  #header #languages_bar #language_icon {
    display: flex; } }
@media screen and (max-width: 800px) {
  #header #menu_bar #nav_menu {
    cursor: pointer;
    margin-top: 18px; } }
@media screen and (max-width: 800px) {
  #header #menu_bar #nav_menu ul {
    display: none; } }
@media screen and (max-width: 800px) {
  #header #menu_bar #nav_menu span {
    position: relative;
    top: 12px;
    margin-right: 12px; } }
@media screen and (max-width: 800px) {
  #header #menu_bar #nav_menu .menu_icon {
    display: flex; } }

@media screen and (max-width: 800px) {
  .call_home .caption p {
    font-size: 26px; } }
@media screen and (max-width: 360px) {
  .call_home .caption p {
    font-size: 14px; } }

/*  call to action - home  */
@media screen and (max-width: 1024px) {
  .bg_user {
    background-size: 50vh auto, auto auto; } }
@media screen and (max-width: 800px) {
  .bg_user {
    background-image: url("../images/backround-home.jpg");
    background-size: auto auto;
    background-position: center bottom, center center; } }
@media screen and (max-width: 1024px) {
  .bg_user .wrapper_user .call_home_user {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; } }
@media screen and (max-width: 800px) {
  .bg_user .wrapper_user .call_home_user {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }

@media screen and (max-width: 1024px) {
  .bg_admin .wrapper_admin .call_home_admin {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px; } }
@media screen and (max-width: 800px) {
  .bg_admin .wrapper_admin .call_home_admin {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }

@media screen and (max-width: 800px) {
  #news_section #news section {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }

/*  news - home  */
@media screen and (max-width: 800px) {
  #news_section #news section {
    margin-bottom: 36px;
    padding-bottom: 36px;
    border-bottom: 1px solid #cccccc; } }

/*  about  */
@media screen and (max-width: 1024px) {
  .intro {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; } }
@media screen and (max-width: 800px) {
  .intro {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }

@media screen and (max-width: 1024px) {
  .list {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; } }
  @media screen and (max-width: 1024px) and (max-width: 800px) {
    .list h1 {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px;
      margin-left: 0; } }
  @media screen and (max-width: 1024px) and (max-width: 800px) {
    .list p {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px;
      margin-left: 0; } }

/*  invasive mosquitos */
@media screen and (max-width: 1024px) {
  .mosquitos .mosquito {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; }
    .mosquitos .mosquito .text {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px;
      margin-left: 0; }
    .mosquitos .mosquito .sidebar_download {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px;
      margin-bottom: 36px;
      margin-left: 0; }
      .mosquitos .mosquito .sidebar_download .download {
        display: inline-block; } }
      @media screen and (max-width: 1024px) and (max-width: 360px) {
        .mosquitos .mosquito .sidebar_download .download {
          display: block;
          width: 100%;
          text-align: center; } }

/*  report  */
@media screen and (max-width: 1024px) {
  .how_to_report {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; }
    .how_to_report ol li {
      width: 27%; } }
    @media screen and (max-width: 1024px) and (max-width: 800px) {
      .how_to_report ol li {
        width: 90%; } }

/*  report form */
@media screen and (max-width: 1024px) {
  .report_form {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; }
    .report_form form {
      margin-left: 0; }
      .report_form form div input {
        left: 0; } }
  @media screen and (max-width: 1024px) and (max-width: 800px) {
    .report_form form {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; }
      .report_form form div input {
        width: 18px;
        height: 18px; } }

/*  single news  */
/*  main_box */
@media screen and (max-width: 800px) {
  #main_box {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; } }
@media screen and (max-width: 360px) {
  #main_box {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }

@media screen and (max-width: 800px) {
  #main_box_sidebar {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; } }
  @media screen and (max-width: 800px) and (max-width: 800px) {
    #main_box_sidebar #content {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media screen and (max-width: 800px) and (max-width: 800px) {
    #main_box_sidebar #news {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }

@media screen and (max-width: 800px) {
  #main_box_sidebar .sidebar_right {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    padding-top: 36px;
    border-top: 3px solid black; } }

/*  basic_page  */
@media screen and (max-width: 800px) {
  #basic_page {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; }
    #basic_page .entry-content {
      width: calc(91.6666666667% - 38.3333333333px);
      float: left;
      margin-left: 20px;
      margin-left: 0; } }
@media screen and (max-width: 360px) {
  #basic_page .entry-content {
    width: 100%; } }

/*  sidebar  */
@media screen and (max-width: 800px) {
  #front_page #maintext {
    width: calc(83.3333333333% - 36.6666666667px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative; } }
@media screen and (max-width: 360px) {
  #front_page #maintext {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; } }

/*  footer  */
@media screen and (max-width: 800px) {
  #footer .main_wrapper .wrapper {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    padding-bottom: 36px;
    min-height: 271px; } }
@media screen and (max-width: 360px) {
  #footer .main_wrapper .wrapper {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    min-height: auto; } }
#footer .main_wrapper .wrapper a {
  color: white; }

/*# sourceMappingURL=main_responsive.css.map */