@media only screen and (max-width: 600px) {
  .navbar-nav {
    margin-left: inherit;
  }

  .navbar-nav {
    display: -webkit-inline-box;
  }

  .nav-item {
    margin-left: 5px;
  }

  .home-item {
    margin-bottom: 5px;
  }

  .sd {

    top: -157px;
    left: 37px;

    font-size: 9px;
  }

  div#wrapperHeader div#header {
    height: 40%;
  }

  .column {
    padding: 0 5% 0 5%;
  }

  

  .column3 {
    margin-top: 25%;
  }

  .navbar {
    display: contents;
  }
}

@media only screen and (max-width: 400px) {
  .navbar-nav {
    margin-left: inherit;
  }

  .navbar-nav {
    display: -webkit-inline-box;
  }

  .nav-item {
    margin-left: 5px;
  }

  .home-item {
    margin-bottom: 5px;
  }

  .sd {

    top: -157px;
    left: 37px;

    font-size: 9px;
  }

  div#wrapperHeader div#header {
    height: 40%;
  }
  .mycol {
    
    font-size: 0.8rem;
}
}

@media only screen and (max-width: 500px) {
  .navbar-nav {
    margin-left: inherit;
  }

  .navbar-nav {
    display: -webkit-inline-box;
  }

  .nav-item {
    margin-left: 5px;
  }

  .home-item {
    margin-bottom: 5px;
  }

  .sd {

    top: -136px;
    left: 37px;

    font-size: 9px;
  }

  div#wrapperHeader div#header {
    height: 40%;
  }
}

@media only screen and (max-width: 380px) {
  .navbar-nav {
    margin-left: inherit;
  }

  .navbar-nav {
    display: -webkit-inline-box;
  }

  .nav-item {
    margin-left: 5px;
  }

  .home-item {
    margin-bottom: 5px;
  }

  .sd {

    top: -136px;
    left: 37px;

    font-size: 9px;
  }

  div#wrapperHeader div#header {
    height: 31%;
  }
}

@media only screen and (max-width: 520px) {
  .navbar-nav {
    margin-left: inherit;
  }

  .navbar-nav {
    display: -webkit-inline-box;
  }

  .nav-item {
    margin-left: 5px;
  }

  .home-item {
    margin-bottom: 5px;
  }

  .sd {

    top: -137px;
    left: 41px;

    font-size: 9px;
  }

  div#wrapperHeader div#header {
    height: 40%;
  }
}