#footer{
	width:100%;
	height:auto;
	min-height:100px;
	float:left;
	background-color:#a01b2a;
	color:white;
	margin-bottom:0px;
	margin-top: 50px;
	font-family:"Lato Regular",arial,sans-serif;
	font-size:0.8em;
	
	}
#fname{
  letter-spacing:0px; 
  font-size:1.8em; 
  color: rgba(255, 255, 255 0.75) ;
  font-family: Fjalla, arial, sans-serif;
  font-weight:normal;
  
  
}
a {
	text-decoration:none;
}
.tabs {
  /**
   * Setting display to flex makes this container lay
   * out its children using flexbox, the exact same
   * as in the above "Stepper input" example.
   */
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;

  
}

  .tab {
    cursor: pointer;
    padding: 0 20px 10px 20px;
    color: #fff;
    font-size: 14px;
    border-bottom: 2px solid transparent;
  }
 .nav {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	padding: 30px 46px;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
 }

  .tab.is-tab-selected {
    border-bottom-color: #fff;
  }
  
hr {
	margin:0;
}

.fields {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	padding: 0 30px;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.fields input[type=text] {
   
    padding: 6px  0 6px 6px;
    margin: 6px 20px 8px 0;
    width: 70%;
    border: 1px solid rgba(255,255,255, 0.5);
	background-color: transparent;
    box-sizing: border-box;
	
}

button {
    background-color: #fff;
    color: #a01b2a;
    padding: 6px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 62%;
	font-weight: bold;
	font-size: 12px;
	font-family:"Lato Regular",arial,sans-serif;
}
.container {
    padding: 0 16px 16px 16px;
}
.clearfix {
	padding-left: 30px;
}
/* Clear floats */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
	
}
b {
	font-weight:normal;
    color:rgba(255, 255, 255, 0.9);
	font-size:12px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.7);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.7);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.7);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.7);
}
.privacy  a:link {
	font-size: 14px;
	text-decoration: none;
	
}
.privacy {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.bottom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.imprint {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 50px;
}
.imprint p {
	font-weight:normal;
    color:rgba(255, 255, 255, 0.75);
	font-size:12px;
}
p.copyright {
	font-size: 14px;
	color:rgba(255, 255, 255, 0.9);
	float: left;
	align-self: flex-end;
}
.privacy p {
	padding-right: 20px;
}

@media all and (max-width : 768px) {
	

	.bottom {

	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
}
	.tabs {
	display:none;
	}
	hr {
	display: none;
	}

	.privacy {

	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
}
.fields	input[type=text] {
       
    width: 90%;
 	
}
	button {
    width: 80%;	
}





}