@import url(https://fonts.googleapis.com/css?family=Raleway);

html, body {
  margin: 0;
  height: 100%;
  width: 100%;
}

* {
  font-family: "Raleway";
  box-sizing: border-box;
  color:  #666;
}

.top-nav img {
  height:  100%;

}

#content {
	width:  100%;
	/*padding-top:  85px;
	 background:  blue; */

	
}

#content > section {
	width:  80%;
	margin:  auto;
	position: relative;
	
}

.top-bg-image {
	background-image: url(https://www.locomotion-h2020.eu/wp-content/uploads/2019/11/locomotion-home-banner_effect.jpg)!important;
	height:  250px;
	position: relative;
	background-repeat: no-repeat;
  background-size: cover;
}

.fotter-bg-image {
	background-image: linear-gradient(180deg,rgba(0,0,0,0) 40%,#2b9fcc 100%),url(https://www.locomotion-h2020.eu/wp-content/uploads/2019/11/locomotion-home-banner_effect.jpg)!important;
	height:  250px;
	position: relative;
}

.divider {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxMzlMMCA0MnY5OGgxMjgwVjQybC02NDAgOTd6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 100% 100px;
    bottom: 0;
    height: 100px;
    z-index: 1;
    position: absolute;
    width: 100%;
}

.table1 {
   text-align:justify
    font-size:12pt;
}

.inside_divider {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik05NzguODEgMTIyLjI1TDAgMGgxMjgwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNS45OXoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNOTgzLjE5IDk1LjIzTDAgMGgxMjgwbC0yNjYgOTEuNTJhNzIuNTggNzIuNTggMCAwIDEtMzAuODEgMy43MXoiLz48L2c+PC9zdmc+);
	background-size: 100% 100px;
    top: 0;
    height: 100px;
    z-index: 1;
    position: absolute;
    width: 100%;
}

.footer-container {
	width:  100%;
	background: #2b9fcc;
	color:  #fff;
}

.footer-container a {
 color: #fff;
 text-decoration: none;
}

.footer-container > section {
	width: 80%;
	margin: auto;
	color:  #fff;
	padding-top:  2em;
}

.footer-container > section > div {
	width: 33%;
	display:  inline-block;
	color:  #fff;
	vertical-align: top;
	 text-align: center;
}
@media only screen and (max-width: 800px) {
   .footer-container > section > div { width: 100% }
}