.tab {    float: left;    /* border: 1px solid #827a7e; */    background-color: #f1f1f1;    width: 30%;   height: 432px;}

/* Style the buttons inside the tab */
.tab button {  display: block;  background-color: inherit;  color: black;  padding:15px 15px;  width: 100%;  border: none;  outline: none;  text-align: left; cursor: pointer;  transition: 0.3s;  font-size: 17px;}

/* Change background color of buttons on hover */
.tab button:hover {  background-color: #ddd;}

/* Create an active/current "tab button" class */
.tab button.active {  background-color: #ccc;}

/* Style the tab content */
.tabcontent {  float: left;  padding: 15px 12px;  border: 1px solid #ccc;  width: 70%;  border-left: none; height: 432px;}
.tabcontent h6 {    font-size: 16px;    color: #a04b74;}

@media (max-width:1024px){
	.tab {height: auto;}
	.tabcontent {height: auto;}
}