/*

NARRATIVE PROJECTS TYPOGRAPHY.CSS DOCUMENT
V 1.0

*/


.npLinkA {
	font-size: 34px;
	font-weight: 400;
	text-decoration: none;
	color: #262626;   
}
    .npLinkA:hover {
        font-size: 34px;
        font-weight: 400;
        text-decoration: none;
        color: #8C8C8C;
    }


.npLinkB {
	font-size: 82px;
	font-weight: 400;
	color: #ffffff;
    text-decoration: none; 
    transition: color 0.3s ease;
}
    .npLinkB:hover {
        font-size: 82px;
        font-weight: 400;
        color: #f4f4f4;
        text-decoration: none;
    }


.npLinkC {
    font-size: 16px;
    font-weight: 400;
    color: #B2B2B2;
    text-decoration: none;
    transition: color 0.3s;
}
    .npLinkC:hover {
        color: #4C4C4C;
        text-decoration: none;
    }


.npLinkD {
	font-size: 58px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
}
    .npLinkD:hover {
    }


.npLinkE {
	font-size: 20px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	transition: color 0.3s ease;
}
    .npLinkE:hover {
        color: #666;
    }


.npLinkF {
	display: block;
	font-size: 28px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	transition: color 0.3s ease;
}
    .npLinkF:hover {
    }


.npLinkG {
	left: 0px;
	padding: 6px 0 6px 0;
	display: block;
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
	transition: color 0.3s ease, left 0.3s ease;
}
    .npLinkG:hover {
        left: 3px;
        color: #000;
    }


.npLinkH {
	display: block;
	font-size: 28px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	transition: color 0.3s ease;
}
    .npLinkH:hover {
    }


p.short-detail a {
	font-size: 14px;
	font-weight: 400;
    color: #666666;
	text-decoration: none;
	transition: color 0.5s ease;
}
    p.short-detail a:hover {
        text-decoration: none;
    }


p.full-description a {
	color: #000;
    line-height: 30px;
    color: #8C8C8C;
	text-decoration: none;
	transition: color 0.5s ease;
}
    p.full-description a:hover {
        color: #000;
        text-decoration: none;
    }


.npLinkJ {
	font-size: 24px;
	font-weight: 400;
	color: #000;
}
    .npLinkJ:hover {
    }


.npLinkK {
	font-size: 20px;
	font-weight: 300;
	color: #B2B2B2;
}
    .npLinkK:hover {
        color: #656565;
		font-size: 20px;
		text-decoration: none;
		transition: color 0.5s ease;
    }


.npLinkL {
    font-size: 48px;
    font-weight: 500;
    color: #000;
    line-height: 50px;
    transition: color 0.3s ease;
}
    .npLinkL:hover {
        font-size: 48px;
        color: #4C4C4C;
        text-decoration: none;
    }



/* RESPONSOVE MEDIA QUERIES */
/* RESPONSOVE MEDIA QUERIES */
/* RESPONSOVE MEDIA QUERIES */
/* RESPONSOVE MEDIA QUERIES */
/* RESPONSOVE MEDIA QUERIES */


@media all and (min-width: 1200px) and (max-width: 1399px) {
}


@media all and (min-width: 1024px) and (max-width: 1199px) {

    .npLinkF {
		display: block;
		font-size: 24px;
		color: #000;
        text-decoration: none;
        line-height: 24px;
    }
        .npLinkF:hover {
        }

}


@media all and (min-width: 768px) and (max-width: 1023px) {

    .npLinkF {
		display: block;
		font-size: 24px;
		color: #000;
        text-decoration: none;
        line-height: 24px;
    }
        .npLinkF:hover {
        }


    .npLinkH {
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }
        .npLinkH:hover {
        }


    .npLinkL {
        font-size: 28px;
        font-weight: 500;
        color: #000;
        line-height: 32px;
        transition: color 0.3s ease;
    }
        .npLinkL:hover {
            font-size: 28px;
            color: #7F7F7F;
            text-decoration: none;
        }

}


@media all and (max-width: 767px) {


    .npLinkA {
        font-size: 26px;
        font-weight: 400;
        text-decoration: none;
        color: #262626;   
    }
        .npLinkA:hover {
            font-size: 26px;
            font-weight: 400;
            text-decoration: none;
            color: #8C8C8C;
        }


    .npLinkB {
        font-size: 42px;
        font-weight: 400;
        color: #ffffff;
        text-decoration: none; 
        transition: color 0.3s ease;
    }
        .npLinkB:hover {
            font-size: 42px;
            color: #f4f4f4;
            text-decoration: none;
        }


    .npLinkD {
        font-size: 28px;
    }
        .npLinkD:hover {
        }


    .npLinkE {
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }
        .npLinkE:hover {
            color: #666;
        }


    .npLinkF {
		display: block;
		font-size: 20px;
		color: #000;
        text-decoration: none;
        line-height: 24px;
    }
        .npLinkF:hover {
        }


    .npLinkG {
        font-size: 16px;
    }
        .npLinkG:hover {
        }


    .npLinkH {
        display: block;
        font-size: 22px;
        font-weight: 500;
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }
        .npLinkH:hover {
        }


    .npLinkL {
        font-size: 22px;
        font-weight: 500;
        color: #000;
        line-height: 26px;
        transition: color 0.3s ease;
    }
        .npLinkL:hover {
            font-size: 22px;
            color: #7F7F7F;
            text-decoration: none;
        }



}