body {
            padding-top: 15px;
            padding-left: 65px;
            background:linear-gradient(#4f858f, white)no-repeat;
        }
        
        .panel-info{
        
        
          background: linear-gradient(#ffffff, white)no-repeat;
        }
        
        
        .navbar-twitch {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 50px;
            height: 100%;
            border-radius: 0px;
            border: 0px;
            z-index: 1030;
        }
        .navbar-twitch.open {
            width: 240px;
        }
        .navbar-twitch > .container {
            padding: 0px;
            width: 100%;
        }
        .navbar-twitch .navbar-header,
        .navbar-twitch .navbar-brand {
            float: none;
            display: block;
            width: 100%;
            margin: 0px;
        }
        .navbar-twitch .navbar-brand {
            height: 50px;   
        }
        .navbar-twitch > .container .navbar-brand {
            padding: 0px;
            margin: 0px;
        }
        .navbar-twitch > .container .navbar-brand > .small-nav {
            display: block;
        }
        .navbar-twitch > .container .navbar-brand > .small-nav > span.logo,	
        .navbar-twitch.open > .container .navbar-brand > .full-nav {
            display: block;
            font-weight: bold;
            padding: 15px 2px 15px 3px;
            font-size: 18pt;
        }
        .navbar-twitch.open > .container .navbar-brand {
            width: 100%;
            padding: 15px 15px 60px;
            text-align: center;
        }
        .navbar-twitch.navbar-inverse > .container .navbar-brand > .small-nav > span.logo {
            /*color: rgb(255, 255, 255);*/
        }
        .navbar-twitch .navbar-nav > li {
            float: none;
        }
        .navbar-twitch > .container .full-nav {
            display: none;
        }
        .navbar-twitch.open > .container .full-nav {
            display: block;
        }
        .navbar-twitch.open > .container .small-nav {
            display: none;
        }
        .navbar-twitch .navbar-collapse {
            padding: 0px;
        }
        .navbar-twitch .navbar-nav {
            float: none;
            margin: 0px;
        }
        .navbar-twitch .navbar-nav > li > a {
            padding: 0px;
        }
        .navbar-twitch .navbar-nav > li > a > span {
            display: block;
            font-size: 16pt;
            padding: 13px 15px 13px 12px;
        }
        .navbar-twitch .tooltip,
        .navbar-twitch .tooltip .tooltip-inner {
            max-width: auto;
            white-space:nowrap;
        }
        .navbar-twitch-toggle {
            position: fixed;
            top: 5px;
            left: 55px;
        }
        .navbar-twitch ~ .navbar-twitch-toggle > .nav-open {
            display: inline-block;
        }
        .navbar-twitch ~ .navbar-twitch-toggle > .nav-close {
            display: none;
        }
        .navbar-twitch.open ~ .navbar-twitch-toggle {
            left: 245px;
        }
        .navbar-twitch.open ~ .navbar-twitch-toggle > .nav-open {
            display: none;
        }
        .navbar-twitch.open ~ .navbar-twitch-toggle > .nav-close {
            display: inline-block;
        }
        
        
        .btn-purple,
        .btn-purple:hover,
        .btn-purple:focus,
        .btn-purple:Active {
            color: rgb(255, 255, 255);
            background-color: rgb(27, 75, 83);
            border-color:  rgb(27, 75, 83);
        }
        .btn-purple:hover,
        .btn-purple:focus,
        .btn-purple:Active {
            background-color:  rgb(27, 75, 83);
            border-color: rgb(27, 75, 83);
        }
        
        .navbar {
            background-image: none !important;
        }
        .navbar-purple {
            background-color: rgb(27, 75, 83);
            border-color: rgb(134, 59, 255);
        }
        .navbar-purple .navbar-brand, 
        .navbar-purple .navbar-nav > li > a, 
        .navbar-purple .navbar-brand:hover, 
        .navbar-purple .navbar-nav > li > a:hover, 
        .navbar-purple .navbar-brand:focus, 
        .navbar-purple .navbar-nav > li > a:focus {
            color: rgb(205, 191, 227);;
        }
        .navbar-purple .navbar-brand:hover, 
        .navbar-purple .navbar-nav > li > a:hover, 
        .navbar-purple .navbar-brand:focus, 
        .navbar-purple .navbar-nav > li > a:focus,
        .navbar-purple .navbar-nav > .active > a, 
        .navbar-purple .navbar-nav > .active > a:hover, 
        .navbar-purple .navbar-nav > .active > a:focus {
            background-color: rgb(43, 181, 206);
            color: rgb(255, 255, 255);
        }
        
        .panels{
        
            background-color: #1a5388;
        }
        
        
        
        p{
        
        
            text-align: justify;
          font-family: 'Raleway', sans-serif;
        }
        
        h4{
        
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        
        
        }