a {position: relative; text-decoration: none; color: black;}

.cardcontainer {position: relative; margin: 0; padding: 0; left: 0; width: 100%; height: 100%; font-family: Calibri;
				background: white; top: 0px;
				}

.carddiv {position: relative; margin: 0 auto; width: 95%; height: 100%;}

.cardfullname , .cardtitle , .cardcompany {display: flex; align-items: center; justify-content: center;}

.cardfullname {font-size: 4.25vh;}
.cardtitle {font-size: 2.25vh; font-weight: bold; height: 4%;}
.cardcompany {font-size: 2.25vh;}

.carddetail1 , .carddetail2 , .carddetail3 , .carddetail4 {clear: both;}
.carddetail1 {height: 7%;}
.carddetail2 {height: 5%;}
.carddetail3 {height: 9%;}
.carddetail4 {height: 15%;}

.carddetailicon , .carddetailtxt {float: left; height: 80%;}
.carddetailicon {width: 10%; display: flex; align-items: center; justify-content: center;}
.carddetailtxt {width: 90%;}
.cardicon {width: 50%;}

.carddetailvalue1 , .carddetailvalue2 , .carddetailvalue3 , .carddetaildesc1 , .carddetaildesc3 {width: 100%; display: flex; align-items: center;}

.carddetailvalue1 , .carddetailvalue2 , .carddetailvalue3 {font-size: 2.00vh;}
.carddetailvalue1 {height: 60%;}
.carddetailvalue2 {height: 100%;}

.carddetaildesc1 , .carddetaildesc3 {font-size: 1.75vh; color: #aaa;}
.carddetaildesc1 {height: 40%;}

.cardbtn {width: 100%; height: 100%; display: flex; align-items: center;}
.btnsave {position: relative; display: block; padding: 2% 4%; background: #ccc; font-size: 2.25vh; color: #333;
font-weight: bold; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);}
