html, body{
	color : white;
	width: 100%;
	height: 100%;
}


#wrapper{
		width: 100%;
		height: 100%;
		overflow: scroll;
		overflow-x: hidden;
	}


.caption span.border {
    background-color: #111;
    color: #fff;
    padding: 18px;
    font-size: 25px;
    letter-spacing: 10px;
}

.caption {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #000;
}

.bgimg1{
	background-image: url("img/bgimg/1.jpg");
    min-height: 400px;
	max-height: 100vh;
	max-width: 100vw;
	position: relative;
    opacity: 1;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}
@supports (-webkit-touch-callout: none) { 
.bgimg1 {
    background-image: url("img/bgimg/1.jpg");
    min-height: 400px;
	max-height: 100vh;
	max-width: 100vw;
	position: relative;
    opacity: 1;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}
}
@media screen and (min-width:768px) {
	.bgimg1 {
    background-image: url("img/bgimg/1.jpg");
    min-height: 400px;
	max-height: 100vh;
	max-width: 100vw;
	position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}
}

.bgimg2{
	background-image: url("img/bgimg/2.jpg");
    min-height: 400px;
	position: relative;
    opacity: 1;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}
@supports (-webkit-touch-callout: none) {
.bgimg2 {
    background-image: url("img/bgimg/2.jpg");
    min-height: 400px;
	position: relative;
    opacity: 1;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}
}
@media screen and (min-width:768px) {
.bgimg2 {
    background-image: url("img/bgimg/2.jpg");
    min-height: 400px;
	position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}
}
.bgimg3{
	background-image: url("img/bgimg/3.jpg");
    min-height: 400px;
	position: relative;
    opacity: 1;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}
@supports (-webkit-touch-callout: none) {
.bgimg3 {
    background-image: url("img/bgimg/3.jpg");
    min-height: 400px;
	position: relative;
    opacity: 1;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}    
}
@media screen and (min-width:768px) {
	.bgimg3 {
    background-image: url("img/bgimg/3.jpg");
    min-height: 400px;
	position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #000;
}    
}


.row{
	z-index: -1;
    margin-left: 0 ; 
	margin-right: 0 ;
	padding-left: 0 ;
	padding-right: 0 ;

}

.row>*{
	padding-left: 0 ;
	padding-right: 0 ;

}

#particles-js{ position: fixed;
    left: 0;
    top: 0;
    z-index: -10;  
	width: 100%; 
	height: 100%; 
    background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

a {
    color: #f67f20;
    text-decoration: none;
}

h1{
	color: #763762;
}

h2{
	color:  #763762;
}

h3{
	color:  #f67f20;
}

p{
	color: black;
}

.neonText:hover {
  color: #fff;
  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #0fa,
    0 0 82px #0fa,
    0 0 92px #0fa,
    0 0 102px #0fa,
    0 0 151px #0fa;
}

  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #5CA4EA;
  overflow: hidden;
  font-family: 'Lato', sans-serif;
}

.container {
  width: 400px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.center {
  width: 180px;
  height: 60px;
  position: absolute;
}

.btn {
  width: 180px;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #91C9FF;
  outline: none;
  transition: 1s ease-in-out;
}

svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}

.btn:hover {
  transition: 1s ease-in-out;
  background: #D7AD11;
}

.btn:hover svg {
  stroke-dashoffset: -480;
}

.btn span {
  color: white;
  font-size: 18px;
  font-weight: 100;
}
.zoom {
	transition: transform .2s;
}
.zoom:hover {
	transform: scale(1.1);
}

 {box-sizing: border-box;}

.img-zoom-container {
  position: relative;
  width: 50%;
  height: 150;
}

.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width: 40px;
  height: 40px;
}

.img-zoom-result {
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 800;
  height: 500;
}