#menu a:hover, a:active {color: #99ebff;}

.navbar-inverse{
  background-color: #ffffff;
}

.navbar-collapse {
  background-color: #333399;
  height: 10%;
}

.navbar-header{
  background-color: #333399;
}

.page-header {border: none;}

footer {
  background-color: #333399;
  color: white;
  padding: 1%;
}

#menu a {text-decoration:none; color:white;}
#menu li {font-family: verdana; color: #ffffff; font-size: 15px;padding: 0.5% 0; display: block;flex: 0 1 auto;list-style-type: none;}
#menu ul {display: flex;align-items: stretch;justify-content: space-between;width: 100%;margin: 0;padding: 0;}

#slider {padding-top: 5%;}
#slider img {height: 30%; width: 96%;height: 50%;}

#about {padding-left: 2%;padding-right: 3%;padding-top: 8%;}
#about img {padding-bottom: 2%;}
#about p {font-family:verdana; color:black; text-align:justify; line-height: 200%;padding-top: 3%; }

#company {padding-left: 2%;padding-right: 2%;padding-top: 9%;}
#company p {font-family:verdana;text-align:justify; line-height: 120%;padding-bottom: 1%}

#product {padding-left: 2%;padding-right: 3%;padding-top:7%;padding-bottom: 5%;}
#product p {line-height: 50%;}
#product img {padding-top: 0%;padding-bottom: 1%;}

#machine {padding-left: 2%;padding-right: 3%;padding-top: 6%;}
#machine img {padding-top: 1%;padding-bottom: 1%;}

#customer {padding-left: 1%;padding-right: 1%;padding-top: 6%;}

#contact {padding-left: 4%;padding-right: 2%;padding-top: 8%;padding-bottom: 10%;height: 250%;}
#contact p{line-height: 140%;}

@media only screen and (max-width:1070px)
{
  #company img {padding-bottom: 5%;}
  #product img {padding-bottom: 5%;}
}

@media only screen and (max-width:768px)
{
  #menu ul {display: block;}
}

@media only screen and (max-width:576px)
{
  #product p {line-height: 90%;}
}
@media only screen and (max-width:360px)
{
  #menu ul {width: none;}
  #menu img {width: 90%;padding-left: 0;}
  #menu li {flex: 0 0 auto;padding: 0 0;}
  #slider img {padding-top: 20%;height: 200;}
  #company {padding-left: 0;padding-right: 0;}
  #company img {padding-bottom: 5%;}
  #company p {text-align: left;}
  #product {padding-bottom: 10%;}
  #product img {padding-bottom: 10%;}
  #product p {line-height: 100%;padding-right: 0%;padding-left: 0;font-size: 100%;}
  #machine {padding-bottom: 5%;}
  #customer {padding-top: 5%;padding-bottom: 30%;}
  #customer img {height: 120%;}
  #contact {padding-top: 2%;padding-left: 8%;padding-bottom: 30%;}
}