.company-font {
  /* font-family: 'Anton', sans-serif; */
  /* 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
  font-family: "Archivo Black", sans-serif;
  font-size: 40pt;
  font-weight: bold;
  /* color: #ff3b34; */
  /* color: #00AB54; */
  opacity: 0.9;
  line-height: 40pt;
}

.parafont {
  /* font-family: "Patrick Hand", cursive; */

  /* font-family: "Oswald", sans-serif;*/
  /*Good */

  /* font-family: "Roboto Condensed", sans-serif; ok/* */

  /* font-family: "Fjalla One", sans-serif; ok */
  font-family: "Yanone Kaffeesatz", sans-serif;
  /* good */

  opacity: 0.8;
  /* color: #ff3b34; */
}

.control {
  border-color: #ff3b34;
  opacity: 0.6;
}

.row-background {
  background-color: rgba(0, 176, 85, 0.75);

  /*#D8FFEB;*/
}

.navcolor {
  background-color: rgba(0, 176, 86, 0.75);
  font-weight: bold;
  opacity: 0.9;
}

.buttoncolor {
  background-color: #ff3b34;
  color: white;
}

.carouselone {
  /* color: #ff3b34; */
  color: #00AB54;
}

.footer {
  background-color: #ff3b34;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  float: left;
}

.footerfont {
  color: black;
  font-size: 11pt;
}

.vpheight {
  height: 100vh;
}

.textArea {
  height: 120pt;
}

.logo {
  background-image: url("/public_html/images/logo.png");
  width: 80px;
  height: 50px;
}

.navheight {
  height: 50%;
}

.imgtransparent {
  opacity: 0.9;
}

.bodyDiv {
  background-image: url("../images/computer/1.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  /* background-color: rgba(250, 250, 250, 0.178); */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  float: left;
  opacity: 0.75;

  /*good ones: rock nature scene(ok) */
}

body {
  background-color: #cecece;
}

.contOpacity {
  opacity: 0.8;
}

.themecolor {
  /* color: #ff3b34; */
}

@media only screen and (min-height: 155px) and (max-height: 855px) {
  .fixed-bottom {
    position: static !important;
    padding-right: 0;
    padding-left: 0;
  }
}


/*320*/
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .fixed-bottom {
    position: static !important;
    padding-right: 0;
    padding-left: 0;
  }
}


@media (max-width: 992px) {

  /*1rem = 16px*/
}

/* for mobile phones only*/
/*
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .fixed-bottom {
    position: static !important;
  }
}
*/

@media (min-width: 120px) {
  .company-font {
    font-size: 20pt;
    line-height: 20pt;
  }

  h2 {
    font-size: 18pt;
  }

  .headerlogo {
    visibility: visible;
  }

  .footerlogo {
    display: none;
  }

  .footerfont {
    font-size: 9pt;
  }


}

/* Bootstrap 4 breakpoints */


/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
  .company-font {
    font-size: 30pt;
    line-height: 30pt;
  }

  h2 {
    font-size: 22pt;
  }

  .headerlogo {
    visibility: hidden;
  }

  .footerlogo {
    display: inline;
  }

  .footerfont {
    font-size: 10pt;
  }

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .company-font {
    font-size: 34pt;
    line-height: 34pt;
  }

  h2 {
    font-size: 24pt
  }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .company-font {
    font-size: 37pt;
    line-height: 37pt;
  }

  h2 {
    font-size: 24pt
  }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .company-font {
    font-size: 40pt;
    line-height: 40pt;
  }

  h2 {
    font-size: 24pt
  }

  /*1rem = 16px*/
}