/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  font-size: 13pt;
  border-bottom: solid 4px #9f8b50;
  background-color: #4d2b1d;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f1f1f1;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #4d2b1d;
  color: #bbb;
  padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height:auto;}
  .procent75 {width:100%;}
  .procent90 {width:100%;}
  .procent95 {width:100%;}
  .namebar {display:none;}
  .imgrr {margin-right:0;}

  figcaption {color: #777; font-size: 10pt; margin-top: 3px; text-align: center;}
  div.right15 {margin-right: 0; zoom:0.5;}
  .notonmobile {display:none;}
}

@media screen and (min-width: 768px) {
  .procent75 {width: 75%;}
  .procent90 {width: 90%;}
  .procent95 {width: 95%;}
  .navbar-brand {display:none;}
  nav {height:56px; padding-left: 50px;}
  figcaption {color: #777; font-size: 10pt; margin-top: 4px; text-align: center;}
  div.right15 {margin-right: -15%;}
  .notondesktop {display:none;}
}

.container-fluid { margin-right: auto; margin-left: auto; }

.width960 {max-width: 960px;}

/* Clearfix */

.cf:before, .cf:after {content:""; display:table;}
.cf:after { clear:both;}
.cf {zoom:1;}

/* Make iframe (YouTube) responsive */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}