body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
  height: 100%;
  color: #777;
  line-height: 1.8;
}


/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* First image (Logo. Full height) */
.bgimg-1 {
  background-image: url('../img/received_860716614312180.jpeg');
  min-height: 100%;
}

/* Second image (Portfolio) */
.bgimg-2 {
  background-image: url("../img/1579054727242.jpeg");
  min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("../img/1581680229477.jpg");
  min-height: 400px;
}

@media only screen and (max-device-width: 480px) {
  .bgimg-1 {
    background-image: url('../img/received_860716614312180m.jpeg');
    min-height: 100%;
  }
  
  /* Second image (Portfolio) */
  .bgimg-2 {
    background-image: url("../img/1579054727242.jpeg");
    min-height: 400px;
  }
  
  /* Third image (Contact) */
  .bgimg-3 {
    background-image: url("../img/1581680229477m.jpg");
    min-height: 400px;
  }
}

.wide {letter-spacing: 10px;}
.hover-opacity {cursor: pointer;}
.blink_me {
    animation: blinker 1s infinite ;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
}
#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 99; /* Higher than anything else in the document */
 }

 #confirm
 {
  display: none; 
  background-color: #fefefe;
  position: fixed;
  margin: auto auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  width: 100%; /* Could be more or less, depending on screen size */
  z-index: 100; /* Higher than anything else in the document */
  padding: 16px;
  text-align: center;
 }

 #sendingBlock
 {
  display: none; 
  background-color: #fefefe;
  position: fixed;
  margin: auto auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  width: 100%; /* Could be more or less, depending on screen size */
  z-index: 100; /* Higher than anything else in the document */
  padding: 16px;
  text-align: center;
 }
 #sendingDone
 {
  display: none; 
  background-color: #fefefe;
  position: fixed;
  margin: auto auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  width: 100%; /* Could be more or less, depending on screen size */
  z-index: 100; /* Higher than anything else in the document */
  padding: 16px;
  text-align: center;
 }
 #sendingFail
 {
  display: none; 
  background-color: #fefefe;
  position: fixed;
  margin: auto auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  width: 100%; /* Could be more or less, depending on screen size */
  z-index: 100; /* Higher than anything else in the document */
  padding: 16px;
  text-align: center;
 }

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(172, 213, 252); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(51, 165, 231); 
}