/* 1792x828px at 326ppi */
/* @media only screen
    and (device-width : 414px)
    and (device-height : 896px)
    and (-webkit-device-pixel-ratio : 2) {
    body {
      font-size: 1.5rem;
    }
  } */


body {
  background: #f1f1f1;
  font-size: 1.2rem;
}


h2 {
  /* text-align: center; */
  font-weight: bold;
  background-color: white;
  color: #0BADA6;
  text-align: left;
}

h4 {
  text-align: center;
  font-weight: bold;
  background-color: white;
  color: #0BADA6;
}

p {
  font-weight: normal;
  text-align: justify;
}

a:hover {
    color: inherit;
}

.bg-light{
  color: white;
}

.box {
  min-height: 50px;
  padding: 30px;
  margin: 30px;
}

.white {
  background-color: white;
}

.navbar {
  position: relative;
  z-index: 10000;
}

.navbar-brand  {
  background-color: #0BADA6;
  color: white;
  font-weight: bold;
  margin-left: 2%;
  height: 150%;
  padding: 10px 10px;
  float: left !important;
}

#navbarSupportedContent {
  text-align: right;
  color: blue;
}

.dropdown-toggle a:hover {
  background-color: #f1f1f1;
}

.myimage{
  heigh: 150px;
  width: 150px;
}

.myimage:active, .myimage:focus, .myimage:hover {
  border: 2px solid red;
}

.centered {
  text-align: center;
}

.navbar-nav>li>a:active {
  background-color: #e3e3e3b3 !important;
}

.navbar-nav>li>a:focus {
  background-color: #e3e3e3b3 !important;
}
.navbar-collapse.collapse {
  display: block!important;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}


.table{
  font-size: 0.8rem;
}