@charset "UTF-8";
/* CSS Document */

/*html { 
  background: url(Images/index_background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.wrapper {
}
*/
.navbar {
	display: flex;
	padding-top: 1%;
}

.navbar .name {
	width: 48%;
}

.topLinks {
    display: flex;
	margin-left: 4%;	
}

.topLinks .linkImg {
	width: 4%;
	height: 4%;
}

.backToTopLink {
	display: flex;
	width: 10%;
	align-self: flex-end;
	border: none;
}

.backToTopContainer {
	display: flex;
	height: 700px;
	padding: 40px;
}

* {
  box-sizing: border-box;
  font-family: Avenir;
}

body {
  margin: 0;
}

html {
  height: 100%;
  font-size: 100%;
}

.module {
  clear: both;
}
/*
.imgContainer, .intro {
  float: left;
}

.container .textContainer {
	display: flex;
	justify-content: center;
}

.textContainer text {
  width: 100%;
}*/

.row {
    display: flex;
}

.row-text {
	display: flex;
}

.column {
    flex: 33.33%;
    padding: 5px;
	border: none;
}

.column-text {
    flex: 33.33%;
    padding: 5px;
}

.column-news {
	flex-direction: column;
	display: flex;
	padding: 5px;
}

/*
.intro {
  width: 55%;
  padding-left: 20px;
}
.contact-form {
  height: 500px;
}*/

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.containerBox {
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.container {
  display: flex;
  justify-content: center;
  margin:0px;
}

.itemLg {
	flex: 1.5 1 0;
}

.itemSml {
	flex: 1 1 0;
}

.titleBox {
  display: flex;
  justify-content: center;
  margin-top:10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
  border-bottom: 2px solid #999900;
  /*background-color: #f9f9ee;*/
}

.titleImageBox {
   /*height: 50px;
   max-width: 200px;*/
   justify-content: center;
   border: none;
}

.titleImageSpacerBox {
	justify-content: center;
   border: none;
}

.aboutButtonBox {
   justify-content: center;
   border: none;
   max-width: 80%;
}
/*.titleImageSpacerBox {
   height: 50px;
   max-width: 200px;
}*/

.titleContainerAbout {
   margin:0px;
   max-height: 100px;
   max-width: 300px;
   margin-top: 0px;
   margin-bottom: 10px;
}

.img {
	opacity: 0.75;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

.catalogImage {
   display:flex;
   max-width: 155px;
   max-height: 225px;
}

.newsImage {
   display:flex;
   margin-bottom: 20px;
}
   
/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}

section.module h3 {
  margin-bottom: 40px;
  font-size: 20px;
  text-align: center;
}

section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 0px 40px 40px;
}
section.module.parallax {
  /*background: no-repeat center center fixed #000; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 3em;
  line-height: 300px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-1 {
  height: 900px;
  background-image: url(Images/index_background_Traces.jpg);
}
section.module.parallax-2 {
	height: 400px;
  background-image: url(Images/parallax_2_image.jpg);
}
section.module.parallax-3 {
	height: 900px;
  background-image: url("Images/News/news_the_place.jpg");
}
/*
section.module.parallax-3 {
  background-image: url(Images/parallax_3_image.jpg);
}

  @media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax h1 {
    font-size: 20px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 160px;
  }
} */

Rerun


