/* Container and tag classes are required to set a div whithin the space covered by an image */
.container {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}
.tag {
    float: left;
    position: absolute;
    left: 0px;
    height: 25%;
    width: 70%;
    bottom: 0px;
    background-color: white;
}

/* Make text fonts resizable */
h3 {
  font-size: 2.0vw; 
}
h5 {
  font-size: 1.0vw; 
}

/* Avoid the border in clickable areas of the ElkarTech logo area map */
#elkartech_logo area {
  outline: none;
}

/* The promotional video has no border */
#peca_video {
  border: none; 
}

/* Fix required to make reveal modals' vertical scrollbars work as expected */
.reveal-modal {
  overflow-y: auto;
}

/* Sends an HTML element e.g., 'div' to the back of the screen */
.send-to-back {
  z-index: -1;
}

/* Sends an element to the bottom of its container */
.send-to-bottom {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;  
}

/* To warn the user about a potential issue */
.warning-text {
  color: #f04124;
  font-style: italic;
}

/* Shows the border of an HTML element - use for debuggin purposes only */
.show-border {
  border-style: solid;
  border-width: 1px;
}