/* CSS Document */

body {
  position: relative;
  width: 100%;
  min-width: 320px;
  color: #767676;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
  font-size: 16px;
}

p {
  font-weight: 300;
  line-height: 25px;
  margin-bottom: 36px;
}

strong, b {
  font-weight: 400;
  color: #000;  
}

h1, h2, h3, h4, h5 {
  display: inline-block;
  color: #111;
  margin-top: 0;
}

h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 56px;
  margin: 30px 0px;
}

h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 40px;
  margin: 20px 0px;
}

h3, .h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  padding: 50px 0px 50px;
  display:block;
  text-transform: uppercase;
  letter-spacing: 10px;
}
h3:after, .h3:after {
  color: #e81a20;
  content: ".";
  font-size: 22px;
}
h4, .h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin: 2px 0px 5px;
  text-transform: uppercase;
}

h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
  display: block;
}
li {
  line-height:22px;
  padding-bottom:15px;
}
hr {
  width: 96%;
}
section.section-intro {
  position: relative;
  height: 100vh;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  background: url(../files/bg.jpg) no-repeat top center;
  background-size: cover;
  background-color: #fff;
}

section.section-intro h1 {
  display: block;
  color: #fff;
  background: rgba(46,161,177,.8);
  box-shadow: .625rem 0 0 rgba(46,161,177,.8),-.625rem 0 0 rgba(46,161,177,.8);
  border-radius: .1px;
  padding: 10px;  
  
}
section.section-intro h2 {
  margin-bottom: 30px;
  margin-top: 0px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 30px;
  color: #2ea1b1;
  padding:10px;
  box-shadow: .625rem 0 0 #fff,-.625rem 0 0 #fff,.625rem 0 0 #fff,-.625rem 0 0 #fff,.625rem 0 0 #fff,-.625rem 0 0 #fff;
  border-radius: .1px;
  background: #fff;  
}
section.section-intro .heading-extra {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 50px;
  color: #fff;
}
section.section-intro .info-block {
  position: relative;
  z-index: 100;
}


.mb-0 {
  margin-bottom: 0px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-80 {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  h1, section.section-intro .heading-extra {
    font-size: 30px;
    line-height: 38px;
  }
section.section-intro h2 {
  font-size: 20px;  
}  
  
}

section.section-intro-regular {
  position: relative;
  background-color: #fff;

}

section.section-intro-regular .section-content {
  padding: 60px 0px 60px 0px;
}


section.section-intro-regular h2 {
  text-transform: uppercase;
  color: #000;
  margin: 0;
  letter-spacing: 10px;
  padding-bottom: 40px;
  display: block;
}
section.section-intro-regular h2:after {
  color: #2ea1b1;
  content: ".";
  font-size: 34px;
}
footer {
background-color: #111;
color: #fff;
padding: 40px 5px;
text-align: center;
}
footer p {
margin-bottom:0px;
}
.mlr-20 {
margin:0px 20px;
}