.nav {
  display: flex;
  justify-content: center; 
  align-items: center; 
  flex-wrap: wrap;
  list-style: none;
  height: 70px;
  width: 400px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #FFFFFF;
  border-radius: 2rem;
}
.nav-link {
  display: flex;
  justify-content: center; 
  align-items: center; 
  flex-wrap: wrap;
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  pointer-events: none;
  cursor: default;
}
.nav-item {
	height: 100%;
	width: 25%;
	font-weight:bold;
}
.nav-tabs .nav-link {
  border-radius: 3rem;
  background-color: #FFFFFF;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF;
    background-color: #0097A4;
}
.tab-content {
	width: 80%;
	padding-bottom: 200px;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
 	display: block;
	  animation: fadein 1s ease;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
@keyframes fadein {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeout {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

/* Mobile */
@media (max-width: 767px) {
.nav {
  display: flex;
  justify-content: center; 
  align-items: center; 
  flex-wrap: wrap;
  list-style: none;
  height: 70px;
  width: 100%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #FFF;
  border-radius: 2rem;
}
.nav-link {
font-size: 12px;
}	
}