h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h1, h2, h3, h4, h5 { color: #3470D4; }

#head {
	margin-top: 1rem;
	height: 6rem;
	background: #fff;
	
  background: -webkit-linear-gradient(left, #fff 50%, #3470D4 ); 
  background: -o-linear-gradient(right, #fff 50%, #3470D4 ); 
  background: -moz-linear-gradient(right, #fff 50%, #3470D4 ); 
  background: linear-gradient(to right, #fff 50%, #3470D4 );
  
}
#logo { margin-top: 1.5rem; }
#logoText { font-size: 0.8rem; }

#mainNav { border-right: 1px outset #000; background: #f5f5f5; background: #CFD2D1;}
#mainNav a { color: #333; }
#mainNav a:hover { color: #3470D4; }
#mainNav .is-active { color: #3470D4; }
#mainNav .is-current { background-color: #3470D4; color: #fff; }
#mainNav .is-current:hover { color: #ddd; }

#emtLogo { max-width: 80%; display: block; text-align: center; margin-top: 3rem; margin-left: auto; margin-right: auto;    }

.startC { margin-top: 1rem; }

/* animate links within the main content */
main a { position: relative; text-decoration: none; }
main a:hover { }
main a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.5px;
  bottom: 0;
  left: 0;
  background-color: #3470D4;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.4s ease-in-out 0s;  
  transition: all 0.4s ease-in-out 0s;
}
main a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }



.tx-powermail .layout3 fieldset { max-width: 600px; margin-bottom: 2rem; }
.tx-powermail .layout3 legend { font-size: 1.3rem; color: #3470D4; }

.tx-powermail .layout3 .powermail_label { display: inline-block; width: 250px; font-size: 1.1rem;  vertical-align: top; }
.tx-powermail .layout3 .powermail_field { display: inline-block; width: 300px; margin-bottom: 0rem; }
.tx-powermail .layout3 .powermail_input, .tx-powermail .layout3 .powermail_textarea, .tx-powermail .layout3 .powermail_select  {
  font-family:sans-serif; font-size: 1.1rem; width: 100%; border: none; border-bottom: 1px solid #3470D4; box-shadow: none;
}
.tx-powermail .layout3 .powermail_input::placeholder, .tx-powermail .layout3 .powermail_textarea::placeholder, .tx-powermail .layout3 .powermail_select::placeholder {
	color: #333;
}
.powermail_fieldwrap { margin: 0; }

.tx-powermail .layout3 .powermail_select option { font-size: 1.1rem; }
.tx-powermail .layout3 .powermail_submit { width: auto; font-size: 1.1rem; background-color: #3470D4; color: #fff; padding: 0.5rem 2.5rem; }
.tx-powermail .layout3 .mandatory { display: inline-block; color: #3470D4; vertical-align: top; margin-left: 5px; }
.parsley-errors-list { list-style: none; padding: 0 !important; color: red; font-weight: bold; }
.parsley-errors-list li { margin: 0 !important; }

.tx-powermail .layout3 [type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
	margin: 0; padding: 0; }
.tx-powermail .layout3 fieldset { border: 1px solid #3470D4; padding: 1rem;}

figcaption.image-caption { font-size: 0.9rem; color: #444; text-align: center;  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif  }

#extraInfos { margin-top: 2rem; padding: 0.5rem;}