/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}

html,
body {
  height: 100%;
  background-color: #333;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  /* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); */
  /* box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */
}



/* https://stackoverflow.com/questions/19070463/using-bootstrap-but-text-not-responsive/45651932#45651932*/
h1 {
  font-size: 4.2vw;
}
h2 {
  font-size: 3.2vw;
}
h3 {
  font-size: 1.2vw;
}
h4 {
  font-size: 1.2vw;
}
p {
  font-size: 1.5vw;
}

/* Logo colors
Yellow: #feca1e       254 202 30
light gray: #807f85   128 127 133
dark gray: #575759    87 87 89
*/


.contentBg{
  background-color: rgba(127,128,133, .6);
  /* color:#feca1e; */
}

.htcBackground{
  background-image: url(../img/background.jpg);
  background-size: cover;
  /* opacity: .3; */
}
.htcLogo{
  background-image: url(../img/htcLogo.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}

.sectionHeading{
  color: yellow;
}