@import 'bootstrap_and_overrides';

body {
    background: image-url('www/landing-yo-reporto-small.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.center { text-align: center; }


.bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 20%;}
.bottomaligned2 {position:absolute; bottom:0;  margin-bottom:105px; left: 30%;}

@media (min-width: 768px) {
  .bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 30%;}
  .bottomaligned2 {position:absolute; bottom:0;  margin-bottom:105px; left: 35%;}
}

@media (min-width: 992px) {
  .bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 40%;}
  .bottomaligned2 {position:absolute; bottom:0;  margin-bottom:230px; left: 50%;}
  body {
    background: image-url('www/landing-yo-reporto.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

@media (min-width: 1200px) {
  .bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 40%;}
  .bottomaligned2 {position:absolute; bottom:0;  left:52%; margin-bottom: 120px;}
}
