body{font-family: 'Roboto Condensed', sans-serif;
overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}
p{margin-bottom:0;font-size:18px;color:#000;line-height: 130%;margin-bottom:16px}
p.medium{font-weight:600;font-size:18px}
a{text-decoration:none!important}
ul{padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0}
img{max-width:100%}
section.main-bg {
    height: 100vh;
	background: url(../images/hero.png);
    background-size: cover;
}
.brand {
  text-align: center;
  /*! top: 50%; */
  /*! position: absolute; */
  /*! transform: translateY(-50%); */
  left: 0;
  width: 100%;
}
.brand img {
  max-width: 60%;
    }
.tagline {
  /*! position: relative; */
  top: 74%;
  /*! text-align: center; */
  width: 100%;
  /*! left: 50%; */
  /*! transform: translateX(-50%); */
  display: inline-block;
  margin-top: 8%;
}
.tagline p {
  font-size: 30px;
  line-height: 30px;
  padding: 0;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-align: center;
  overflow: hidden;
  text-transform:uppercase;
  font-family: "Open Sans", sans-serif;
}
.tagline p span.typed-text {
  font-weight: 400;
  color: rgb(14 69 151 / 80%);
}
.tagline p span.cursor
{display:none;}
.tagline p span.cursor.typing {
  display: inline-block;
  background-color: rgb(14 69 151 / 80%);
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
}
.tagline p span.cursor.typing {
  animation: none;
}
@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}
  
.footer-strip {
  background: #333333;
  padding: 40px;
  margin-top: 2%;
}
.content-part {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.footer-strip p {
  font-size: 40px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin: 0;
  margin-bottom: 15px;
}
.footer-strip p.small {
  font-size: 24px;
  margin: 0;
  font-weight: 400;
}
.footer-strip p a {
  color: #fff;
  /* text-decoration: underline !important; */
  transition: all 0.3s ease;
}
.footer-strip p.small a:hover {
    /* font-weight: bold; */
    text-decoration: underline !important;
}
    .tagline {
        margin-top: 2%;
        margin-bottom: 7%;
    }
@media only screen and (max-width:1540px)
{

.brand img {
  max-width: 60%;  
}
.footer-strip
{padding: 30px;}

.footer-strip p {
    font-size: 35px;
	    margin-bottom: 10px;
}
.footer-strip p.small {
    font-size: 24px;
}
    .tagline {
        margin-top: 2%;
        margin-bottom: 10%;
    }
}
@media only screen and (max-width:1368px)
{
.brand img {
   max-width: 60%; 
}
    .tagline {
        margin-top: 2%;
        margin-bottom: 9%;
    }
}
@media only screen and (max-width:1280px)
{
.brand img {
   max-width: 60%; 
}
    .tagline {
        margin-top: 2%;
        margin-bottom: 12%;
    }
}
@media only screen and (max-width:1024px)
{

.footer-strip, .tagline {
  margin-top: 5%;
}

}
@media only screen and (max-width:992px)
{

.footer-strip, .tagline {
  margin-top: 20%;
}
    .tagline {
        margin-top: 5%;
        margin-bottom: 20%;
    }
}
@media only screen and (max-width:767px)
{
	.brand img {
         max-width: 90%;
}
.footer-strip, .tagline {
  margin-top: 15%;
}
.tagline p {
    font-size: 20px;
}
.footer-strip p.small
{font-size: 18px;}
.footer-strip p a {
    font-weight: 600;
    text-decoration: underline !important;
}
    .tagline {
        margin-top: 5%;
        margin-bottom: 40%;
    }
}
@media only screen and (max-width:480px)
{

.footer-strip {
  padding: 40px 25px;
}
.footer-strip p.small {
  font-size: 18px;
}
}
@media only screen and (max-width:430px)
{

.footer-strip {
  padding: 40px 20px;
          max-height: 225px;
}
.footer-strip p.small {
  font-size: 17px;
}
}
@media only screen and (max-width:398px)
{

.footer-strip {
  padding: 40px 12px;
}
.footer-strip p.small {
  font-size: 16px;
}
}