body, html {
  height: 100%;
  margin: 0px;
  font-family: 'Montserrat', sans-serif;
}

main {
	height: 100%;
	margin-left: 300px;
}

.bg { 
  /* The image used */
  background-image: url('images/background.jpg');

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  text-align: center
}


/* The sidepanel menu */
.sidepanel {
  height: 100%; /* Specify a height */
  width: 300px; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0px;
  left: 0px;
  background-color: #3a3a31;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  padding-left:10px;
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  z-index:100;
  opacity: 1.0;
}

.emailLink, .emailLink:hover, .emailLink:visited, .emailLink:active {
	color:white !important;
	text-decoration: none !important;;
}

.openbtn:hover {
  background-color: #444;
}

h1{
	color:#2d73ff; 
	font-weight:bold; 
}

h2 {
	font-size:15px; 
	margin-top:20px; 
	color:white;
}

.sideBarText {
	margin-top:30px;
	color: white;
	font-size:13px;
	line-height: 25px;
	text-align:left;
}

.contacts {
	margin-top:10px;
	color: #f1f1f1;
	font-size:13px;
	line-height: 19px;
}

#headerRow {
	text-align:center; 
	padding:10px; 
	min-height:50px;
	background-color: #3a3a31;
}

.contentDiv{
	background-color:white; 
	padding:20px
}

.slogan{
	color:#FF931E;
	margin-top:20px;
}

i{
	margin-right:4px;
}

.pushToBottom{
	position:absolute;
	bottom:40px;
}

@media (max-width: 992px) {
    main {
        margin-left: 0px;
    }
}