a {
    color: #74716f;
    text-decoration: none;
}

a:hover{
    
    color:#c11b24;
}


h2.slogan {
	color: #000;
	font-size: 48px;
	font-weight: 900;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 1);
     
}

h3.slogan {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 1);
}

/**
.overlay2 {
  
    background-color: rgba(0, 0, 0, 0.5);
    height: 300px;
}


.side-nav {
    top:150px;
    position: fixed;
    left: 300px;
    width: 300px;
    margin-left: -300px;
    border: none;
    border-radius: 0;
    overflow-y: scroll;
    bottom: 0;
    padding-bottom: 40px;
    padding-left: 50px;
}
**/

.sections{
    margin-top:30px;
}

select {
  
	/* Here's the code we need */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
    display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}

.select-wrapper {
	position: relative;	
}

.select-wrapper:after {
	font-family: FontAwesome;
  	content: '\f0dc';
  	font-size: 20px;
  	position: absolute;
  	top: 4px;
  	right: 20px;
  	color: #434B67;
  	pointer-events: none;
}

select::-ms-expand {
  display: none;
}