body
    {
        background-color: #111111;
		color: white;
    }

#sabit 	{ 
	background: #FFFFFF; padding: 20PX; 
		
		}
a {color: #FFFFFF;}

    .person-card .person-img
    {
        width: 30em;
        overflow: hidden;
        background-color: white;
        margin-top: 15px;
    }
    .contact .tel:before
    {
        font-family: "Font Awesome 5 Free";
        content: "\f095";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }
    .contact .fax:before
    {
        font-family: "Font Awesome 5 Free";
        content: "\f1ac";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }
    .contact .mail:before
    {
        font-family: "Font Awesome 5 Free";
        content: "\f0e0";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
    }
    ul.contact
    {
        list-style-type:none;
        padding-left: 20px;
    }
    .footer
    {
	   width: 100%;
	   overflow: hidden;
        background-color: white;
        width: 10em;
    }

    .cardic
    {
        /*height: 700px !important;*/
		background: #030303;
		color: #FFFFFF;
    }

    .link
    {
        color: #fff;
    }

    .link:hover
    {
        color: #eee;
        text-decoration: none;
    }

/*
    @media only screen and (max-width: 768px){
        .cardic{height: auto !important;}
        .header{display: none;}
        .person-card .person-img{width: 100%}
    }
    @media only screen and (min-width: 1024px) and (max-width: 1365px){
        .cardic{height: 730px !important;}
    }
*/