@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

/*These styles are for overlapping bootstrap.css*/

h1, h2, h3, h4, h5, h6{line-height: 1.2em;}

h1{font-size: 4rem;}
h2{font-size: 3rem;}
h3{font-size: 2.5rem;}
h4{font-size: 2rem;}
h5{font-size: 1.6rem;}
h6{font-size: 1.3rem;}
p, li{line-height: 1.5em; font-size: 1rem;}


.background-color1{background-color: #ffffff;} /*this is the background color of the page*/

.paragraph-text-color2{color: #4f4f4f}/*this is the colour of all the paragraph text*/

.headline-text-color3{color: #00345d;}/*this is the color of all the headline text*/

.accent-color4{color: #2497ff;}/*this is an accent color*/

.accent-color5{color: #4ab946;}/*this is an alternate accent color*/

.accent-color6{color: #1a6aee;}/*this is an alternate accent color*/

.accent-color7{color: #eca300;}/*this is an alternate accent color*/

.accent-color8{color: #ffffff;}/*this is the color of text that appears on buttons*/

.headline-font1{font-family: 'Roboto', sans-serif;}/*this is the font of the headline text*/

.paragraph-font2{font-family: 'Source Sans Pro', sans-serif;}/*this is the font of the paragraph text*/

.headline-weight{font-weight: 700;}/*this is is the weight of the headline text*/

.paragraph-weight{font-weight: 600;}/*this is is the weight of the paragraph text*/