a {
  text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
  color: #000;
}
.text-danger {
  color: #BE1622 !important;
}
.btn-danger {
  background-color: #BE1622 !important;
}
.bg-danger {
  background-color: #BE1622 !important;
}
.text-dark {
  color: #000000 !important;
}
.text-white {
  color: #FFF !important;
}
.display-3 {
  font-size: 2.4rem;
}
.display-4 {
  font-size: 1.6rem;
}
.list-group-item.active {
  background-color: rgba(255,0,4,0.2);
  border-color: rgba(255,0,4,0.2);
}
.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption {
  top: 38%;
  text-align: right;
}
.coloray {
  display: block;
  bottom: 10px;
  right: -100px;
  position: absolute;
}
#whoweare iframe {
  width: 435px;
}
#aboutus {
  padding-top: 117px;
}
#aboutus iframe {
  width: 435px;
}
#press {
  padding-top: 120px;
}
#coloraybanner {
  padding-top: 115px;
}
#coloraybanner .coloray-banner {
  width: 100%;
  height: auto;
}
#contact {
  padding: 150px 20px;
  padding-bottom: 50px;
}
#contact .map {
  width: 100%;
  min-height: 565px;
  margin-top: 50px;
  padding: 10px;
}
#details {
  padding-top: 55px;
}

@media only screen and (max-width: 550px) {
.carousel-caption {
  top: 35%;
  text-align: center;
}
.carousel-caption .display-2 {
  font-size: 2.3rem;
}
}

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

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

@media only screen and (max-width: 767px) {
  #aboutus{
    padding-top: 60px
  }  
#aboutus iframe {
  width: 100%;
  margin: 20px auto;
}
#whoweare iframe {
  width: 100%;
  margin: 20px auto;
}  
#press {
  padding-top: 60px;
}
#coloraybanner {
  padding-top: 60px;
}

#contact {
  padding-top: 60px;
}
#details {
padding-top: 60px;
}  
  
}