@font-face {
        font-family: Nitti;
        src: url("assets/nittigrotesk-normal-v200-web/nittigrotesk-normal-v20.eot");
        }

    @font-face {
        font-family: NittiBlack;
        src: url("assets/nittigrotesk-black-v200-web/nittigrotesk-black-v20.eot");
        }
        
        /* then for WOFF-capable browsers */
    @font-face {
        font-family: Nitti;
        src: url("assets/nittigrotesk-normal-v200-web/nittigrotesk-normal-v20.woff") format("woff");
        }
    
    @font-face {
        font-family: NittiBlack;
        src: url("assets/nittigrotesk-black-v200-web/nittigrotesk-black-v20.woff") format("woff");
        }

    body {
        background: #EFEFEF;
        color: #000000;
        font-size: 18px:
        line-height: 24px;
        font-family: Nitti, sans-serif;
    }
    
    h1, h2, h3, h4, h5 {
        font-family: NittiBlack, sans-serif;
        font-weight: normal;
        line-height: 1em;
    }
            
    h1, h2 {
        clear: both;
        padding: 0;
        margin: 1em 2em 0.5em 1.5em;
        font-size: 2.4em;
    }
    
    
    
    h2 {
        margin-left: 2.3em;
        font-size: 1.6em;        
    }
    
    h3 {
        margin-top: 0.4em;
        font-size: 1.6em; 
        color: #FF0066;
    }
    
    p, a {
        font-family: Nitti, sans-serif;
        font-size: 1.4em;
        line-height: 1.6em;
        
    }  
    
    .header {
    	height: 4em;
    	width: 58em;
    } 
    
    .card_title {
        float:left;
        position: absolute;   
    }
    
    .card_button {
        float:right;
        right: 0;
        position: relative;
        margin-top: 0.6em;
    }
    
    .card_content {
		margin-top: 3em;
    }
    
    .card_content p {
     	font-family: NittiBlack, sans-serif;
     	font-size: 3em;
		line-height: 1em;
     }
    
    .card_do, .card_dont {
        float: left;
        margin: 0 0 2em 2em;
        padding: 1em 2em;
        width: 14em;
        height: 23em;
        background-color: #FFFFFF;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;  
        -webkit-box-shadow: -5px 5px 30px -10px rgba(0,0,0,0.6);
-moz-box-shadow: -5px 5px 30px -10px rgba(0,0,0,0.6);
box-shadow: -5px 5px 30px -10px rgba(0,0,0,0.6);      
    }    
    
    .card_dont {
        background-color: #000000;
        color: #FEFEFE;
    }
    
    
    
    a {
        font-family: NittiBlack, sans-serif; 
        font-size: 1.1em;       
        color: #000000;
        text-decoration: none;
        background-color: #FEFEFE;
        border: 0.15em solid #000000;
        padding: 0.25em 0.35em;
    }
    
    a:hover {
        color: #FEFEFE;
        background-color: #000000;
    }
    
    .card_dont a {
    	color: #FEFEFE;
    	background-color: #000000;
        border: 0.15em solid #FEFEFE;
    }
    
    .card_dont a:hover {
        color: #000000;
        background-color: #FEFEFE;
    }    
    
    .header a {
    	color: #FF0066;
    	background-color: transparant;
        border: 0.15em solid #FF0066;
        margin-top:3em;
    }
 
    .header a:hover {
        color: #FFFFFF;
        background-color: #FF0066;
    }     
    
    .header .card_button {
    	margin-top: 3em;
    }
    
    .footer {
	    clear: both;
	    float: left;
	    padding-left: 4em;
    }
    
    .footer p {
	    font-size: 1em;
    }
    
    .footer a {
	   color: #FF0066;
	   background: none;
	   border: none;
	   padding: inherit;
	   margin: inherit;
    }
    
    .footer a:hover {
    	border-bottom: 2px solid #FF0000;
    }