body{
  max-width: 768px;
  margin: auto;
  background: #fff;
}

.h1, h1 {font-size: 1.5rem; color: navy; font-weight: bold;}
.h2, h2 {font-size: 1.2rem;}
.h3, h3 {font-size: 1rem;}

p{text-align: justify;}
p.intro{line-height: 0.5em;}
p.intro a:link, a{color: #000;}

a:hover{color: #000; text-decoration: underline;}
a, a.disabled:hover, a:disabled:hover {
  color: pink;
  font-weight: bolder;
}

a.dropdown-item.waves-effect.waves-light:hover{
  background-color: pink;
  color: #fff !important;
}


img{max-width: 100%;}
img.card-img-top{
  display:block;
  margin-right:auto;
  margin-left:auto;
  border: 30px solid pink;
}

img.card-img-top .album{
  border: 30px solid pink;
  display:block; margin-right:auto; margin-left:auto;
}
img.frame{
  display: block; 
  width: 100px;
  margin: 0px auto; 
  border:5px solid #fff; 
}

.img-thumb{
  border-radius: 0px;
  width: 240px;
  margin: 5px 0px;
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

img.profile_img{width: 230px;}

.navbar{box-shadow: none; padding: 1em 0em;}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  color: #000 !important;
} 
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover{
  color: navy; 
  border:1px solid pink; 
}
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus{
  color: navy;
  font-size: x-large;
  font-weight: bold;  
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link{transition: none;}
.navbar.navbar-dark form .md-form input {
    border-bottom: 1px solid #000;
}
.navbar-dark .navbar-brand:hover{
  color: navy;
}
.navbar.navbar-dark form .md-form .form-control {
  color: pink;
} 
.navbar .dropdown-menu a{color:#000 !important;}

li.nav-item{
  width: 80px;
  text-align: center;
}

.form-control::-moz-placeholder{
    color: pink;
    opacity: 1;
  }
.form-control::placeholder {
  color: pink;
  opacity: 1;
}
footer.page-footer{
  background: navy;
}
footer.page-footer a:hover{
  color: yellow;
  text-decoration: none;
}

.fab{
  font-size: 1.5em;
  margin: 0px 10px;
}
.fa, .fas {
  font-weight: 900;
  color: #aaa;
  margin-right: 1em;

} 

@media (max-width: 992px) {
  li.nav-item { text-align: left;}
    .navbar-toggler {background: pink;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
  }
  .navbar-dark .navbar-brand{font-size: xx-large;}
}

/*#frame{
  width: 100px;
  dispaly:block;
  margin: 0px auto;
}
*/