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

}
.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 16px;
    width:25%;
    border: none;
    outline: none;
    text-align:center;
    cursor: pointer;
    transition: 0.3s;
    font-size:20px;
	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;
    padding: 0px;
    border:0px solid #ccc;
    width:100%;
    border-left: none; padding-top:40px;
    height:100%;margin-bottom:6%;
}

@media screen and (max-width:880px) {.tabcontent { width:100%;height:100%; margin:0px;}
.tab {width:100%; height:100%; margin-left:0%; margin-right:0%; border-bottom:0px solid #444;} 
.tab button {
  font-size: 14px;width:100%;border-bottom:1px solid #444;
  line-height: 17px;
  padding: 10px;
  height: auto;
}
.tab button.active{padding-bottom:27px;}.tab button img {display:none;}
}