/*************************************
* CSS codes, made for: http://bluephoenixra.com/verrazano
* And https://github.com/BluePhoenixRa/Bootstrap-Parallax
* By: Rahul Prithu - http://www.rahulprithu.com/
*************************************/
/*.boxed {
    border: 4px solid white;
    padding: 20px 20px 20px 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

.parallax-container-fluid {
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
    background-attachment: fixed;
    display: table;
    height: 50%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
/*************************************
* CSS codes, made for: http://bluephoenixra.com/verrazano
* And https://github.com/BluePhoenixRa/Bootstrap-Parallax
* By: Rahul Prithu - http://www.rahulprithu.com/
*************************************/
html, body {
  width: 100%; }

.boxed-old {
  border: 4px solid white;
  padding: 20px 20px 20px 20px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle; }

.parallax-box {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  /*font-size: 3rem;*/ }

.parallax-text {
  border: 4px solid white;
  padding: 20px 20px 20px 20px; }

.text-center {
  text-align: center; }

.parallax-container-fluid {
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: center;
  background-position-y: center;
  background-attachment: fixed;
  display: table;
  height: 75%;
  /*position: relative;*/
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/*************************************
* Media Queries
*************************************/
@media (min-width: 576px) {
  .parallax-text {
    font-size: 1.7rem !important; } }

@media (min-width: 768px) {
  .parallax-text {
    font-size: 2.2rem !important; } }

@media (min-width: 992px) {
  .parallax-text {
    font-size: 3rem !important; } }

@media (min-width: 1200px) {
  .parallax-text {
    font-size: 3.5rem !important; } }

/*@media screen and (max-width: 767px) {
    .parallax-text {
        font-size: 2rem !important;
    }
}*/