body, html {
  height: 100%;
}

#welcome { 
  
  background: url(../img/welcome-bg.JPG) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  background-attachment: fixed;
}

#welcome:before {
  content: "";
  background: rgba(6, 12, 34, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#welcome h1,
#welcome p {
  color: #fff;
}

.bg-menu{
	
	background-color: #5c462f;
	
}

.myheading-1
{
	color: #5c462f;
	font-size: 32px;
}


.myheading-2
{
	color: #f2c045;
	
}

.myheading-3
{
	color: #47362c;
	
}

.mycontent-1
{
	color: #f0dbb0;
}

.title {
	
	font-size: 2.5em;
}

.title2 {
	
	font-size: 32px;
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 

	
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 

	
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 

	
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 

	
	
}