/* FollowÌÇÐÄvlog´«Ã½ Custom Code */
.table-gray td.social a:hover {
	opacity: .6;
}
tr.flexGrid {
    margin-bottom: 0px !important;
}
tr.flexGrid>* {
    margin-top: 0px !important;
}
.bookmark {
    display: block;
    position: relative;
    scroll-margin-top: 190px;
    visibility: hidden;
}
.anchor {
    display: block;
    position: relative;
    scroll-margin-top: 150px;
    visibility: hidden;
}
td.flexCard.cyan * {
    color: #0a233f !important;
    text-decoration: underline !important;
    font-size: 1em !important;
    margin-top: 0px !important;
    padding: 10px 10px !important;
    text-align: left !important;
    border: 1px solid #00b2e2 !important;
}
td.flexCard.cyan:hover * {
    color: #ffffff !important;
    background-color: #0a233f !important;
    text-decoration: none !important;
    font-size: 1em !important;    
    margin-top: 0px !important;
    padding: 10px 10px !important;
    text-align: left !important;
    border: 1px solid #0a233f !important;    
}
td.name {
	display: flex;
	 width: 50%;
	 height: 50px;
	 float: left;
	 align-items: center;
}
 td.social {
	 display: flex;
	 width: 50%;
	 height: 50px;
	 float: right;
}
 .icon {
	margin-right: 10%;
	 margin-top: .8%;
}
 .placeholder {
	width: 30px !important;
	 margin-right: 10%;
}
 .cyan {
	background-color: #00b2e2;
	 color: #0a233f;
}
 @media only screen and (max-width:1280px){
	.icon{
	    margin-right: 9.7%;
	}
}
@media only screen and (max-width:1040px) {
    .icon {
        margin-right: 8%;
    }
    .placeholder {
        width: 30px;
        margin-right: 8%;
    }
}
@media only screen and (max-width: 850px){
	.icon{
		 margin-right: 5%;
	}
	 .placeholder {
		 width: 30px;
		 margin-right: 5%;
	}
}
 @media only screen and (max-width:767px){
	 .table-gray {
		width:100% !important;
	}
	 td.name {
		display: table-cell;
		 width: 100% !important;
		 height: auto;
		 vertical-align: middle;
	}
	 td.social {
		 display: table-cell;
		 width: 100% !important;
		 height: auto;
		 vertical-align: middle;
	}
	td.flexCard.cyan {
	    width: 100% !important;
	    height: auto;
	    vertical-align: middle;
	    margin-left: 0px !important;
	    padding-left: 0px !important;
	}
	tr.flexGrid {
	    margin: 0px !important;
	    width: 100% !important;
	    border: 0px !important;
	}
	.icon {
		display: inline-block;
	}
	 .placeholder {
		display: none;
	}
}