body,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Quicksand", sans-serif;
}

h1 {
   text-shadow:
      0 0 7px #000,
      0 0 10px #000,
      0 0 21px #000,
      0 0 42px #ff9100,
      0 0 82px #ff9100,
      0 0 92px #ff9100,
      0 0 102px #ff9100,
      0 0 151px #ff9100
}

h2 {
   text-shadow:
      0 0 7px #000,
      0 0 10px #000,
      0 0 21px #ff9100,
      0 0 42px #ff9100,
      0 0 82px #ff9100
}

body,
html {
   height: 100%;
   color: #555555;
   line-height: 1.8;
   font-size: 18px;
   text-align: justify;
   hyphens: auto;
   scroll-behavior: smooth;
}

a
{
   color: #ff8800!important;
}

/* 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/start.jpg');
   min-height: 100%;
}

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

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

.w3-wide {
   letter-spacing: 10px;
}

.w3-hover-opacity {
   cursor: pointer;
}

.signature
{
   font-family: "Dancing Script", sans-serif;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {

   .bgimg-1,
   .bgimg-2,
   .bgimg-3 {
      background-attachment: scroll;
      min-height: 400px;
   }
}

.collaps-btn
{
   border: none;
   background-color: transparent;
   cursor: pointer;
}

.collaps-btn.xxx:hover
{
   text-decoration: underline;
}