body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.pp{position: fixed; bottom: 15px; left: 10px;}
.btn-group-sm > .btn, .btn-sm
{padding: .5rem .5rem; font-weight:bold}
.card-body{background: #fbfbfb;}
.card a{color: #7d7d7d !important;}
.card{margin: 40px 0}
.img-fluid{float:left}

.lead{text-align: left;
  font-weight: bold;}
.container img{max-width: 100%}
.header-bg {
    background: url('cran3.jpg') no-repeat center center/cover;
    position: relative;
    margin-bottom: 30px;
}

.header-overlay {
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Прозрачный черный фон */
}
.header-overlay>.container {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}
.display-4{color: #fff; font-weight: bold;margin: 40px 0 60px;}
.icon img {
    margin: 0 5px;
	display:block;
}

.icon img {
    width: 30px;
    height: 30px;
}

.header-overlay .navbar-brand img,
.header-overlay .icon img,
.header-overlay p,
.header-overlay a {
    color: #fff;
}

.transparent-navbar {
    background: none !important; /* Убираем фон у меню */
}


@media(max-width:480px) {
	.container .row{margin-left:0;margin-right:0;}
	 .display-4{font-size: 160%}
 
	 .d-flex{display: block!important;; text-align: center;}
    .btn-group-sm > .btn, .btn-sm{font-size: 20px; margin: 15px 0; }
    .mb-0 {margin: 15px 0 }
	.icon img{margin-left:7px; display: block;}
}