.tab {
    float: left;
    border-bottom:1px solid #444;
    width:100%;
    min-height:100%; 

}
.tab button img {
  position:relative;
  width:55px; padding-right:10px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;position:relative;
    background-color: inherit;
    color:#444;
    padding:12px 10px;
    width:30%;
    border: none;
    outline: none;
    text-align:center;
    cursor: pointer;
    transition: 0.3s;
    font-size:15px;
	float: left;
	border-right:0px solid #efefef;
	
}
/* Change background color of buttons on hover */

.tablinks .fa{color:#000;}
.tab button.active.fa{color:#000;}
/* Create an active/current "tab button" class */
.tab button.active {
	color:#343754;font-weight:bold;
	border-bottom:3px solid #444;
}

/* Style the tab content */
.tabcontent {
    float: left;   
    width:100%;
    border-left: none; 
    height:100%; 
}

@media screen and (max-width:880px) {.tabcontent { width:100%;height:100%; margin:0px;}
.tab button {width:50%;} 

}