/* The style below is made as an example, it's not part of the plugin but you can use it if you like :) */

* {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

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

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 1.3;
  -webkit-font-smoothing:antialiased;
  padding-top: 50px;
}

a {
  color: #27677c;
  text-decoration: none;
}

a:hover {
  color: #1a4d7b;
}

a:visited {
  color: #27677c;
}
h1 {
font-size:30px;
text-align:center;
}
p {
font-size :20px;
text-indent: 50px;
 text-align: justify;
    text-justify: inter-word;
}
#section3 h3 {
margin-top:30px;
padding-left:5px;
margin-bottom:25px;
}
#section3 li {
font-size :22px;
text-decoration: underline #0c0c0c;
}
#section3 p {
font-size :18px;
}
#section3 img {
padding: 0 6px 10px;
}

#section2 img {
margin-bottom:2px;
max-width:600px;
}
.left {
   float: left;
   padding: 0 20px 20px 0;
}
section {
  width: 100%;
  height: auto;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom:20px;
border-bottom-style: inset;
}
#section1 {
padding-left:0px;
border-bottom-style: inset;

}
#section1 img {
margin-top:45px;

}
#footer {
background-color:#ff;
color:black;
  width: 100%;
  height: auto;
  padding-top: 15px;
  padding-bottom:20px;
}
nav {
  width: 100%;
  height: 94px;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  padding-left: 20px;
  background-color: white;
  z-index:1;
}

nav img {
padding :2px;
 }
.logo {
height:auto;
max-width:80%;
position:absolute;
}
nav ul {
  padding: 0;
  padding-top:27px;
  margin: 0;
  list-style-type: none;
  float:right;
}

nav li {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  height: 50px;
  line-height: 35px;
}

nav li a {
  display: block;
  padding: 0 20px;
}

.nav li a.active {
  background-color: #27677c;
  color: #FFF;
}

.nav-mobile .navmobimg {
margin-top:8px;
  display: none;
float:right;
}

#section2 p {
margin-top:30px;
}



#status { padding:10px; color:#ff7575; font-weight:bold; font-size:17px; margin-bottom:2px; display:none; width:100%; }

#section1 {background-color: #D1D1D1;}
#section2 {background-image: url('../img/bg.jpg'); background-size:cover;}
#section3 {background-image: url('../img/bg.jpg'); background-size:cover;}
#section4 {background-image: url('../img/bg.jpg'); background-size:cover;}
#section5 {background-image: url('../img/bg.jpg'); background-size:cover;}


.scroll-status {
  background-color: black;
  border-top-left-radius: 4px;
  bottom: 0;
  color: white;
  display: none;
  padding: 10px;
  position: fixed;
  right: 0;
}
#slideshow {
  margin: 80px auto;
  position: relative;
  width: 640px;
  height: 480px;
  padding: 10px;

}

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.col-md-4, .col-md-8, .col-md-6 {
margin-top:30px;
}
section a {
color:black;
}
@media (max-width: 768px) {
section h1 {
font-size:24px;
}
section p {
font-size :16px;
}
#section3 li {
font-size :18px;
}
#section3 p {
font-size :14px;
}
section h3 {
font-size :20px;
}
  nav ul {
    display: none;
    background-color: white;
    margin-left: -30px;
     padding-top:65px;
  }
  nav li {
    width: 100%;
  }

  nav li a {
    padding: 0 30px;
  }

  .nav-mobile .navmobimg {
    display: inline-block;

  }
  #snow {
  height:auto;
  }


#status {font-size:13px;}

  section {
    padding-left: 5px;
    padding-right: 5px;
    height:auto;
  }
  #section1 img{
height:auto;
}
  #section2 img {
  width:100%;
  height:auto;
  }

  .left {
   float: left;
   padding: 0 6px 6px 0;
}
}

@media (min-width: 769px) {
  nav ul {
    display: block !important;
  }
}