h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab', serif;}
h6{font-size: 17px}
body{font-family: 'PT Serif', serif;}
a:hover{text-decoration: none}
.main-h{font-size: 3rem}
.text-body, .list-group-item{color:#000 !important;}
.hr{width:40px; height: 6px; border:0; border-radius: 10px; background: #d5b266; clear: both !important;}
.bg-vatican{background: #d5b266 }
.text-vatican{color: #bf772c !important}
.bg-vatican-light{background: #ede2ca !important}
.round-more{border-radius: 20px !important}
.form-control:focus, button:focus {border-color: inherit; -webkit-box-shadow: none; box-shadow: none; }
.social a{width:35px; height:35px; line-height:35px; border-radius:50%; font-size:20px; text-align:center; display:inline-block;}
.social-share a{width:55px; height:55px; line-height:55px; border-radius:50%; font-size:30px; text-align:center; display:inline-block;}
.fb:hover{background-color:#000; color:#fff;} .fb{background-color:#d5b266; color:#fff;}
.tw:hover{background-color:#000; color:#fff;} .tw{background-color:#d5b266; color:#fff;}
.in:hover{background-color:#000; color:#fff;} .in{background-color:#d5b266; color:#fff;}
.modal-share {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.badge-light{ font-style: italic;}
.form-control{border-color:#bbb !important }

@media (min-width: 320px) and (max-width: 768px)
{
	.navbar-collapse {padding-top: 20px; padding-bottom:20px; height: 90vh; overflow: auto;}
	.nav-link{font-size: 20px}
	.main-h{font-size: 2rem}
	.sm-hide{display: none;}
	.sticky-top {top: 82px; z-index: 1020; }
	.sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }
}