/* Style the tab */
.tab {
    float: left;
    background-color: #e7a126;
    width: 30%;
    max-height: 800px;
	overflow-y: scroll;
	margin-bottom:10px;
	
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
	background-color: rgba(255,255,255,1);
    color: black;
    padding: 12px 6px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 15px;
	border-bottom: 2px solid #ccc;

	
}
/* Change background color of buttons on hover */
.tab button:hover {
    background-color: rgba(255,255,255,0.7);
	border-bottom: 2px solid rgba(0,0,0,0.3);
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: rgba(255,255,255,0.5);
	border-bottom: 2px solid #e7a126;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 70%;
    border-left: none;
    height: 100%;
	
}
.tabcontent img {
margin-top:0px;
margin-bottom:0px;
width:100%;
height:100%;
border:3px solid rgba(0,0,0,0.05);
max-width:640px;
max-height:469px;
}
.tabcontent h3 {
background-color:#e7a126;
text-align:center;
font-weight:normal;
color:white;
padding:5px;
font-size:32px;
margin-top:0px;
margin-bottom:1px;
}
.tabcontent p {
margin-top:0px;
background-color: rgba(0,0,0,0.05);
padding:10px;
text-align:justify;
}
@media only screen and (max-width : 640px) {
.tabcontent h3 {
background-color:#e7a126;
text-align:center;
font-weight:normal;
color:white;
padding:5px;
font-size:22px;
margin-top:0px;
margin-bottom:1px;
font-family:'libel-suit';
}

}