body,
html {
  width: 100%;
  height: 100%;
  font-family: 'Montserrat', sans-serif;

  background: url(header.jpg) no-repeat center center fixed; /*This says we want the image to not repeat itself, be centered, spread to the webpage and fixed*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1 {
	font-size: 3rem;
	color: #e6ecf3;
}

hr {
	border-color: #F05F44;
	border-width: 3px;
	max-width: 65px;
	border+
}


.buffer {
	height: 10rem;
}

.btn {
	font-weight: 700; /*add custom bolding*/
	border-radius: 300px; /*make the edges circular*/
	text-transform: uppercase;
}

.btn-primary { /*this is already coded in bootstrap. we are just adding some more coding on top of that*/
	background-color: #F05F44;
	border-color: #F05F44; /*to get rid of the default blue color border from bootstrap*/

}

.btn-primary:hover {   /*this is already coded in bootstrap. we are just adding some more coding on top of that*/
	background-color: #EE4B08;
	border-color: #EE4B08;
	border-width: 4px; /*this will increase size of button when you hover over it, making the button bigger*/
}



.btn-xl {
	padding: 1rem 2rem;
}