/* Project CSS overrides */

:root {
	
	--body-color:			#000000;
	--body-text-color:		#082a2e;
	--body-image:			url(../ssl/background.jpg);
	--body-font-family: 	Times, serif;
/*	--body-font-family: 	Arial, Helvetica, sans-serif; */
    --body-font-size:   	1.125rem;
	
	--link-color: 			#ffffff;
	--link-hover-color: 	#a7e2ff;
	
	--font-smallest:		0.625rem;
	--font-smaller:			0.750rem;
	--font-small:			0.875rem;
	--font-default:			1.125rem;
	--font-big:				1.500rem;
	--font-bigger:			2.250rem;
	--font-biggest:			2.750rem;
	--font-light:			400;
	--font-heavy:			900;
	
	--p-color:           	#273945;
    --p-color-text:         #c6c6c6;
	
	--h-font-family: 		Orbitron, Roboto, Arial, Helvetica, sans-serif;  
	
	--row-width:			62.5em;
	
    --banner-color:         #b4b4b4;	
	--banner-image:			url(../ssl/banner.jpg);
	--banner-height:		27.7vw;
	--banner-min-height:	33vh;
	
	--postcards-container-top: 30px;
	
    --postcard-color:       #a1afb2;
    --postcard-text-color:  #082a2e;
	--postcard-image:		url(../ssl/pannel.jpg);
	--postcard-image-size:	25% 100%;
	--post-spacing:			40px;
	
	--post-sub-top:			12px;
	--post-sub-bottom:		30px;
	
	--footer-top-color: 	#4f4f4f;
    --footer-color:			#2e2e2e;
    --footer-text-color:	#529ecc;
	
	--divider-color:        #082a2e;
		
	--textarea-color:		#3d3d3d;
		
    --menu-color: 				#3d3d3d;
	--menu-text-color:			#c6c6c6;
    --menu-font-family: 		Orbitron, Arial, Helvetica, sans-serif;
    --menu-font-size: 			1.125rem;
    --menu-gap: 				4px;
    --menu-link-padding: 		8px 10px;
    --menu-link-color: 			#c6c6c6;
    --menu-link-weight: 		600;
    --menu-link-hover-color: 	#529ecc;
    --menu-link-hover-border: 	3px solid #529ecc;
}