.nav-tabs > li.active > a {
color: red;
border: none;
background-color: transparent;
}

.nav-tabs{
background-color: #dbdbdb;
border: none
}

.nav-tabsa > a:hover{
background-color: transparent;
border: none
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 
border: none;
background-color: transparent;
margin: 0px auto;
border-radius: 0px;
}

.nav-tabs {
padding: 5px 0px 0px 0px
}

.nav > li > a:hover, .nav > li > a:focus {
background-color: transparent;
color: black;
border: none;
margin: 0px;
border-radius: 0px;
}

.nav-tabs > li > a {
  margin-right: 0px;
  /* line-height: 1.42857143; */
  border: none;
  border-radius: 0px 0px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  cursor: default;
  background-color: transparent;
  border: none;
  border-bottom-color: transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: red;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
.nav-tabs li {
width: 50%; 
text-align: center
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
.nav-tabs li {
width: 50%; 
text-align: center
}
}

/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
.nav-tabs li {
width: 20%; 
text-align: center
}
}

/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
.nav-tabs li {
width: 20%; 
text-align: center
}
}

.contactblock {
margin: 40px 0px 40px 0px;
line-height: 1.2rem;
}

p.center {
            text-align: center;
        }