/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
#header > nav > div > a > img { max-width: 80%; padding-left: 20px; }
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
#header > nav > div > a > img { max-width: 80%; padding-left: 20px; }
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
#header > nav > div > a > img { max-width: 80%; padding-left: 20px; }
  
}

.btn-red {
    background-color: #30409a;
}

#text-4 > div > h4 > a {
    color: #ffffff!important;
}

#footer {
    background: #db0f10;
}

.banner-text li {
    text-shadow: 0px 0px 4px #000;
}

.blue-text {
    color: #ffffff;
    text-shadow: 0px 0px 4px #000;
}

.banner-text li:before {
    color: #ffffff;
}

.bluebg-content {
    letter-spacing: 0px;
    font-size: 20px;
}

.banner-text h2 {
    text-shadow: 0px 0px 4px #000;
}

@media (min-width: 481px) and (max-width: 767px) {
  
#intro {
    background-position: center!important;
}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
#intro {
    background-position: center!important;
}
  
}