html,
body,
header,
#intro {
    scroll-behavior: smooth;
}

body{
   
    /*background-image: repeating-linear-gradient(120deg,black,gray,white);*/
    background-color: #474b4f;
}

.ce-brand {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 23px/1 Roboto, sans-serif;
  color: rgba(255,255,255,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  white-space: pre-wrap;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) ;
  -webkit-transition: all 200ms cubic-bezier(0.355, -0.09, 0.58, 1) 10ms, all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.355, -0.09, 0.58, 1) 10ms, all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.355, -0.09, 0.58, 1) 10ms, all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.355, -0.09, 0.58, 1) 10ms, all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -webkit-transform: rotateY(1.1459155902616465deg)   ;
  transform: rotateY(1.1459155902616465deg)   ;
}


#intro{
    
    margin-top: -90px;
}
video{
   background-position: center;
    width: 100%;
        
}

.top-nav-collapse {
  background-color: #222629;
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #222629;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #222629;
  }
}

@media (max-width: 600px) {
    #intro{margin-top: 40px}
}

#book-button{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #00ffff;
    color:black;
    border-radius: 120px;
    z-index: 100000;
}

#loadOverlay{display: none;}
.grey-text{text-align: justify}

#imagezm{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: -12px;
    box-shadow:24px ;
    border: 9px solid /*rgba(221,37,255,0.2)*/ ;
    border-radius: 1000px;
    box-shadow: 8px 6px 8px 14px rgba(0,0,0,0.3) inset;
}


@media (max-width: 600px) {
    #imagezm{ width:80%}
}

h2{
    color: #00ffff;/*#86c232*/
}