/* main header */

.display-1 {
	
	
	
font-size: 6rem!important;	
	
	
}

/* fonts! */

@font-face {
    font-family: 'Crimson Pro';
    src: url("https://kolemcrae.com/crimsonpro.ttf") format('truetype');
   font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Cabin';
    src: url("https://kolemcrae.com/cabin.ttf") format('truetype');
   font-style: normal;
	font-display: swap;
}

/* Links! */

a:hover{
	
	text-decoration: none !important;
		color: #333333 !important;
}

/* Navbar and navigation */

.navbar-nav {
	
	
padding-top: 0em!important;	
	
}

.navbar-brand {
	
	
	font-weight: 800!important;
	   font-family: 'Crimson Pro';
  	font-size: 1.3em!important;
	color: #333333 !important;
	
}


.navbar {
   
 
	padding-left: 1rem!important;
}


.navbar-nav li.active > a {
	
text-decoration: underline;	
background: none!important;
	
}

.navbar-nav li:hover {
	
text-decoration: underline;	

	
}

.nav li{
	
	margin-bottom: 0em!important;
	
}

.navbar-toggler {
	
margin-right: 1rem!important;	
	
	
}


/* Body */

blockquote {
  
  border-left: 10px solid #7596B7;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

img {

max-width: 100%;

}


html {
  font-size: 100%;
  color: #333333 !important;
}


.container {
  margin: 0 auto;
padding: 1em;

  width: 100% !important;
	max-width: 45em !important;
	
	background-color: white; 
	
}

body {
	
	font-size: 20px !important;
	height: 100%;
	background-color: white!important;
	color: #333333 !important;
	padding-top: 3.5em!important;
	
}

p {

font-size: 20px !important;
	
  line-height: 1.75em !important;
color: #333333 !important;
font-family: 'Cabin';
}



ul {
	

	line-height: 1.5em;
	padding-top: 1.2em;
	
}

li {
	
margin-bottom: 1.5em;	
	
	
}

strong {

color: #146BC5 !important;

}

h1 Strong {


color: #333333 !important;


}

/* main headline, container and H1 */

.topHalf {


	background-image: linear-gradient(to bottom right, #146BC5, #76B3E0) !important;

}


.headlinecontainer {
  margin: 0 auto;
  width: 100% !important;
max-width: 50em!important;	
}



.box {

	padding: 0.25em;
text-align: left;
margin-bottom: 2em;

}


/* Bolding is Blue */





/* Back to top button */

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #333333; /* Set a background color */
    color: white; /* Text color */
    padding: 10px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 21px; /* Increase font size */
}

#myBtn:hover {
    background-color: #ffffff; /* Add a dark-grey background on hover */
	border: 1px solid #333333;
	color: #333333;
}








/* Footer */

.wrapper-footer {
 
	
  margin-top: 3em;
	
}




.wrapper-footer p {
	
font-family: 'Crimson Pro';
font-weight: 700;	
font-size: 1em!important;	
	
	
}

footer {
  padding: 20px 0;
  text-align: center;
	
	
}

#bottomcontainer

{

	
color: #333333!important;	
	
}





/* Headlines */

h1 {
font-weight: 700!important;
	font-family: 'Crimson Pro';
	 padding-top: 1em !important;
	padding-bottom: 1em !important;
color: #ffffff !important;
}

h2 {
font-weight: 700!important;
font-family: 'Crimson Pro';
color: #333333 !important;
font-size: 2.1em!important;
	padding-top: 50px;
}

h3 {
font-weight: 700!important;
padding-top: 1.4em;
font-family: 'Cabin';
font-size: 1.2em!important;
color: #333333 !important;
}

h4 {
font-weight: 400!important;
padding-top: 1em;
font-family: 'Crimson Pro';
color: #333333 !important;
}






/* Phone display only */


@media (max-width: 768px) {
/* for mobile devices */

.display-1 {
	font-family: 'Crimson Pro', serif!important;
font-size: 2.5em !important;
font-weight: 700 !important;

}
	
	
h2 {
	
	font-size: 1.5em!important;
	
	
	}
	

    .display-2 {
		font-family: 'Crimson Pro';
        font-size: 2.5em !important;
        font-weight: 700 !important;
       
    }

    .display-3 {
		font-family: 'Cabin';
        font-size: 1.5em !important;
        font-weight: 700 !important;
        
    }

    .display-4 {
	font-family: 'Crimson Pro';
        font-size: 1.5em !important;
        font-weight: 700 !important;
        ;
    }
}