body{
	margin:0;
	padding:0;
} 	
  header{
	width:100%;
	height:40px;
	background-color:#017DD1;
	display: flex;
	
}
header a{
	 margin:3% 0 2% 3%;
}
#title{
	text-align:center;
	margin:3% 5%;
   color:#fff;
   font-size:1.2em;
}
    a {
      color: #333;
      text-decoration: none;
    }
    .nav {
      list-style: none;
      padding: 0;
     
    }
    .nav li {
      display: inline-block;
      padding: 6px 12px;
      border-radius: 2px;
      border:1px solid #017DD1;
      font-size:1em;
    }
    .nav li.active {
      background: #017DD1;
    }
    .nav li.active a{
      color: #fff;
    }
    .tab-content {
      padding:2%;
      
    }
    .tab-pane {
      display: none;
    }
    .tab-pane.active {
      display: block;
    }
  
    .tab-content img{
    	width:100%;
    	 
    	
    }
    .tab-content button{
    	border-radius: 50%;
    	border:none;
    	color:#fff;
    	background:#017DD1;
    }
    .tab-content p{
    	line-height:24px;
    }
    .nav li{
    	margin:2%;
    }
    #number a{
    	font-size:1.2em;
    	padding:1%;
    }