/* Remove the jumbotron's default bottom margin */ 
     .jumbotron {
       margin-bottom: 0; 
	   background-image:  radial-gradient(SeaShell 10%, MediumTurquoise 25%, greenyellow 60%);
    }
	body{
		background-color:Linen;
		
	}
	@keyframes bg {
	  from {color: black;}
	  to {color: blue;}
	}
	.bg-text{
		text-decoration: underline;
		animation-name: bg;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
	.menu-left>.active>a, .btn-basic.active{
		color: #fff;
		background-color: BlueViolet;
		border-left: 7px solid blue;
		border-right: 7px solid blue;
		
	}
	.menu-left{
		list-style-type: none;
	}
	.menu-left a{
		white-space: normal;	
	}
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
		background-color:NavajoWhite;
    }
    
    /* 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;
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      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;} 
    }
	
	#text p{
		text-indent:15px;
		font-size:20px;
	}
	ul{
		padding-left: 0;
		/*list-style-type:none; */
	}
	h1, h2{
		text-align:center;
	}
	.menu-link-viiskovyi{
	display: block;
	color:DarkBlue !important;
	background-color:#cccccc;
	border-radius:30px;
	border: solid 2px DarkBlue;
	/*box-shadow:0px 0px 7px 0px #f202e6 !important;*/
	padding: 3px 10px;
	margin:2px;
	text-align:center;
	font-size:20px;
	text-decoration:none !important;
}