body {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-min-device-pixel-ratio: 1;
  
}

.mobile-container {
  /*max-width: 480px;*/
  max-width:100%;
  margin:25% 0 0 0 !important;
  /*margin: auto;*/
  background-color: #555;
  height: 800px;
  color: white;
  border-radius: 10px;

}


.mobile-container-services {
    max-width:100%;
    margin:1% 0 0 0 !important;
    /*margin: auto;*/
    background-color: #555;
    height: 800px;
    color: white;
    border-radius: 10px;
    text-align:left;
  }

  .mobile-container-portfolio {
    max-width:100%;
    margin:1% 0 0 0 !important;
    /*margin: auto;*/
    background-color: #555;
    height: 650px;
    color: white;
    border-radius: 10px;
    text-align:left;

  }

  .mobile-container-contact {
    max-width:100%;
    margin:10% 0 0 0 !important;
    /*margin: auto;*/
    background-color: #555;
    height: 500px;
    color: white;
    border-radius: 10px;
    text-align:left;

  }

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

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

.active {
  /*background-color: #4CAF50;*/
  background-color:#4F76B4;
  color: white;
}