/* ==========================================================================
   Typography
   ========================================================================== */

   /**
 * Import font from google
 */ 
   
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700,800&display=swap');
 

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
  font-size: 20px;
  font-weight: 400;
  font-family: 'Fira Sans', sans-serif;
  color: #000000; }
  


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #000;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a:hover, a:focus {
  color: #000;
  opacity: 0.7;
}

/* THIS ONE DOES THE NAV ICON - HAMBERDER - IN THE NAVIGATION BAR AT THE TOP */ 
FntNavIcon {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:bold;
	font-size: 40px;
	color: #B40000;
	margin: 0;
	padding: 0;
}

/* THIS ONE DOES THE LINKS IN THE NAVIGATION MENU */ 
FntNav {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:bold;
	font-size: calc(40px + (60 - 40) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

/* THIS ONE DOES THE NAV LINK TEXT ON THE HOME PAGE */ 
BlackTitleLink {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #000;
}

/* THIS ONE DOES THE NAV LINK TEXT ON THE HOME PAGE */ 
BlackTitleLink:hover, BlackTitleLink:focus {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #000;
	opacity: 0.8;
}

/* THIS ONE DOES THE BIG RED TITLE */ 
BigRedTitle {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:800;
	font-size: calc(60px + (100 - 60) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #B40000;
}

/* THIS ONE DOES THE RED SUBTITLE */ 
RedSubTitle {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:700;
	font-size: calc(40px + (60 - 40) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #B40000;
}

/* THIS ONE DOES THE NAV LINK TEXT ON THE HOME PAGE */ 
BlackTitle {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: calc(40px + (60 - 40) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #000;
}

/* THIS ONE DOES THE NAV LINK TEXT ON THE HOME PAGE */ 
BlackSubTitle {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: calc(30px + (45 - 30) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1920 - 300)));
	color: #000;
}

/* THIS ONE DOES THE NAV LINK TEXT ON THE HOME PAGE */ 
BlackNormal {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: 20px;
	color: #000;
	line-height: 25px;
}

/* THIS ONE DOES THE SIDEWAYS SOCIAL MEDIA LINKS */ 
SideSocialMedia {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: 20px;
	color: #B40000;
	margin: 0;
	padding: 0;	
}

SideSocialMedia:hover, SideSocialMedia:focus {
	font-family:'Fira Sans',Sans-Serif;
	font-weight:normal;
	font-size: 20px;
	color: #B40000;
	opactiy: 0.7;
	margin: 0;
	padding: 0;	
}