h2 {
  font-size: 30px; }

html, body {
  width: 100%;
  margin: 0px;
  font-family: Lato;
  color: #363635;
  overflow-x: hidden;
  line-height: normal; }

p {
  font-size: 18.5px; }

html {
  box-sizing: border-box; }

body {
  font-size: initial; }

p {
  font-size: initial; }

*, *:before, *:after {
  box-sizing: inherit; }

/*  topLogoArea top margin should be same as navbar top margin   */
/*   50 px at the moment */
/*   left and right margin 50px   */
#topLogoArea {
  width: 11vw;
  position: absolute;
  top: 30px;
  left: 0px;
  z-index: 10;
  margin-left: 20px; }

#topLogoArea img {
  width: 100%; }

/*========================================================*/
#searchButton {
  width: 30px;
  padding-bottom: 2px; }

#topImagePoints {
  height: 300px;
  width: 20px;
  top: 25%;
  right: 10px;
  position: absolute; }

.pageCounter {
  width: 20px; }

.pageCounter img {
  height: 20px;
  float: left;
  margin-top: 10px; }

.pageCounter img:hover {
  cursor: pointer; }

#registerButton {
  width: 110px;
  font-weight: bold;
  margin-left: 20px; }

.mobileText {
  display: none; }

#topImage {
  overflow: hidden; }

.imgHeadingTextFourth {
  display: none; }

#navBar div {
  float: right; }

#topBigImageArea {
  width: 100%;
  position: relative; }

#topImageHeadingText {
  width: 700px;
  float: left;
  font-size: 50px;
  position: absolute;
  bottom: 10px; }

#topImageSocial {
  margin-right: 10px; }

#topImageSocial img {
  width: 40px;
  float: right;
  margin-left: 10px; }

#topImageHeading {
  height: 150px;
  padding-left: 20px;
  /*padding-top: 35px;*/
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  position: absolute;
  bottom: 0px; }

#secondScreen {
  overflow: hidden;
  display: none;
  padding-top: 20px; }

.infoPanel {
  width: 33.3%;
  min-width: 300px;
  float: left; }

.infoPanel:nth-child(3) {
  float: right; }

.infoPanel:nth-child(3) .infoPanelImg {
  margin-left: 5px; }

.infoPanel:nth-child(2) .infoPanelImg {
  margin-left: 2.5px;
  margin-right: 2.5px; }

.infoPanel:nth-child(1) .infoPanelImg {
  margin-right: 5px; }

.infoPanel .infoPanelHead {
  font-size: 35px;
  font-weight: bold;
  margin-left: 10px; }

.infoPanelImg img {
  width: 100%; }

/*================================================================*/
.placeholderLineArea {
  height: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
  text-align: center; }

.placeholderLineArea .placeholderLine {
  height: 1px;
  width: 100%;
  background-color: black; }

.placeholderLineArea .placeholderLineImg:hover {
  cursor: pointer; }

.placeholderLineArea .placeholderLineImg {
  height: 50px;
  position: relative;
  top: -25px;
  left: auto;
  right: auto;
  width: 50px;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
  -webkit-transition: height 0.1s;
  transition: height 0.1s;
  transition-timing-function: ease-in; }

#aboutArea {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden; }

#aboutLogo {
  height: 150px;
  width: 100%;
  float: right;
  display: none; }

#aboutLogo img {
  margin-top: 5px; }

#secondImagePoints {
  float: right; }

#thirdScreen {
  overflow: hidden; }

#thirdPageText {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 200px;
  text-align: justify; }

#thirdPageHead {
  margin-left: 10px; }

#thirdPageTextLeft {
  float: left;
  padding-right: 20px;
  min-width: 330px;
  margin-bottom: 10px;
  width: 50%; }

#thirdPageTextRight {
  float: right;
  padding-left: 20px;
  min-width: 330px;
  margin-bottom: 10px;
  width: 50%;
  position: relative;
  padding-right: 50px; }

#aboutTextArea {
  text-align: justify; }

#aboutTextLeft {
  float: left;
  width: 50%;
  /*height: 300px;*/
  padding-right: 20px;
  min-width: 400px; }

#aboutTextRight {
  text-align: justify;
  float: right;
  width: 50%;
  padding-top: 40px;
  padding-left: 20px;
  min-width: 400px;
  margin-top: -40px; }

#aboutTextRight p {
  padding-right: 50px; }

#thirdImagePoints {
  float: right;
  position: absolute;
  top: 20px;
  height: 200px;
  right: 5px; }

#thirdPageCarouselArea {
  width: 100%;
  position: relative; }

#thirdPageCarousel {
  width: 100%; }

#thirdPageCarousel img {
  float: left; }

/*======================================================================*/
#participants {
  width: 100%;
  overflow: hidden;
  zoom: 1; }

.participant {
  margin-left: 10px;
  float: left;
  color: #7F8C8D;
  margin-bottom: 5px; }

.participant:nth-child(1) {
  margin-left: 10px;
  float: left; }

.participant img {
  height: 180px; }

.participant .bio {
  display: none; }

.participant img:hover {
  cursor: pointer; }

#bioArea {
  padding-left: 20px;
  color: #7F8C8D;
  padding-right: 20px;
  text-align: justify; }

#bioArea:hover {
  cursor: auto; }

#fourthScreen {
  overflow: hidden; }

#fourthPageHead {
  padding-left: 20px; }

#fivthScreen {
  overflow: hidden;
  width: 100%; }

#fivthBulletPoints {
  float: right;
  margin-right: 10px;
  margin-top: 20px; }

#fivthPageHead {
  float: left;
  width: 80%;
  padding-left: 20px; }

#coFounderPicOne {
  float: left;
  height: 250px;
  width: 50%;
  text-align: center; }

#coFounderPicTwo {
  float: left;
  height: 250px;
  width: 50%;
  text-align: center; }

#coFounderPicOne img {
  border-radius: 250px; }

#coFounderPicTwo img {
  border-radius: 250px; }

#coFounderPicArea {
  height: 300px;
  width: 95%;
  float: left; }

#coFounderTextArea {
  height: 300px;
  width: 100%;
  clear: both;
  padding-left: 20px;
  padding-right: 20px; }

#coFounderTextOne {
  float: left;
  width: 50%;
  padding-right: 35px; }

#coFounderTextTwo {
  float: left;
  width: 50%; }

#sixthScreen {
  width: 100%; }

.inputDescr {
  width: 250px;
  float: left;
  font-size: 30px;
  height: auto; }

#inputArea {
  float: left; }

.inptDescrContainer {
  height: 40px;
  margin-top: 10px; }

#sixthBulletPoints {
  float: right;
  margin-right: 10px; }

#registerButton:hover {
  cursor: pointer; }

#registerButtonBottom {
  color: white;
  background-color: black;
  height: 40px;
  width: 200px;
  float: left;
  margin-top: 160px;
  text-align: center;
  text-weight: bold;
  font-size: 20px;
  margin-left: 10px; }

#registerButtonBottom:hover {
  cursor: pointer; }

#registerText {
  clear: both;
  padding-top: 10px; }

#seventhScreen {
  overflow: auto;
  padding-bottom: 10px;
  width: 100%;
  padding-left: 10em;
  padding-right: 10em;
  background-color: #CCD936; }

#impressum {
  width: 50%;
  float: left;
  padding-right: 20px;
  text-align: justify; }

#bottomContactSection {
  width: 50%;
  float: right;
  padding-left: 30px; }

#bottomSocialIcons img {
  height: 40px;
  float: left; }

.placeholderLineImg:hover {
  width: 60px;
  height: 60px; }

.placeholderLineImg {
  animation-duration: 2s; }

.topImageSubHeading {
  font-size: 27px;
  margin-top: 10px; }

p {
  letter-spacing: normal;
  margin: 0px 0px 0px; }

p {
  font-weight: normal;
  line-height: normal; }

p {
  padding: normal; }

.floatContainer {
  overflow: auto;
  width: 100%; }

#textoverlay {
  position: relative;
  top: 100; }

.col-b-9 {
  width: 33%;
  text-align: center; }

/*# sourceMappingURL=mainpageSass.css.map */
