@media only screen and (max-width: 600px) {
  .col { 
    display: block;
    width: 100%;
  }
  
  .col p {
	  letter-spacing:2px;
  }
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
}


/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  #header {
    padding: 5px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
  
  #header a {
    float: none;
    display: block;
    text-align: left;
  }
  
  #navbar-right {
    float: none;
  }
  
  .top_caption{
	  font-size:15px;
  }
}