/* ============================
   Breakpoints & Media Queries 
   ============================ */

/*====== Extra-X2 Small Devices ======*/
@media (max-width : 319px){

  #navigation {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .logo {
    height: 140px;
  }

  .bsaup {
    font-size: 3.2em;
    margin-top: 0px;
  }

  p.logo-description {
    font-size: 0.65em;
  }

  #footer-index {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }

  #footer-bg {
    display: none;
   }

  #footer-sm {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 200px;
    text-align: center;
  }

  .copyright p, .developer p {
    text-align: center;
  }

  /* Main Page Content */

  #page-content {
    position: relative;
    top: 200px;
    padding-bottom: 20px;
  }

  #page-content h1{
    text-align: center;
  }

  /* News Page Content */

  .more-info-btn{
    margin: 0 auto;
  }

  /* Projects Page Content */

  .portfolioFilter .vertical-bar {
    display: none;
  }

  .portfolioFilter {
    text-align: center;  
  }

  .portfolioFilter a {
    padding-top: 19px;
    display: block;  
  }

  /* Contacts Page Content */
  
  .contacts a {
    display: block;
    text-align: center;
  }

  .button-black {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

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

  .more-projects-btn {
    text-align: center; 
  }

  /* Contact form message styles */

  .notification_ok, .notification_error {
    font-size: 1em;
    text-align: center;
    padding-bottom: 50px;
  }

}

/*====== Extra Small Devices ======*/
@media (min-width : 320px) and (max-width : 480px){

  #navigation {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .logo {
    height: 140px;
  }

  .bsaup {
    font-size: 3.2em;
    margin-top: 0px;
  }

  p.logo-description {
    font-size: 0.65em;
  }

  #footer-index {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }

  #footer-bg {
    display: none;
   }

  #footer-sm {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 200px;
    text-align: center;
  }

  .copyright p, .developer p {
    text-align: center;
  }

  /* Main Page Content */

  #page-content {
    position: relative;
    top: 200px;
    padding-bottom: 20px;
  }

  #page-content h1{
    text-align: center;
  }

  /* News Page Content */

  .more-info-btn{
    margin: 0 auto;
  }

  /* Projects Page Content */

  .portfolioFilter .vertical-bar {
    display: none;
  }

  .portfolioFilter {
    text-align: center;  
  }

  .portfolioFilter a {
    padding-top: 19px;
    display: block;  
  }

  /* Contacts Page Content */
  
  .contacts a {
    display: block;
    text-align: center;
  }

  .button-black {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

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

  .more-projects-btn {
    text-align: center; 
  }

  /* Contact form message styles */

  .notification_ok, .notification_error {
    font-size: 1em;
    text-align: center;
    padding-bottom: 50px;
  }

}

/*====== Small Devices ======*/
@media (min-width : 481px) and (max-width : 768px){

  #navigation {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .logo {
    height: 140px;
  }

  .bsaup {
    font-size: 3.2em;
    margin-top: 0px;
  }

  p.logo-description {
    font-size: 0.65em;
  }

  #footer-index {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }

  #footer-bg {
    display: none;
   }

  #footer-sm {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 200px;
    text-align: center;
  }

  .copyright p, .developer p {
    text-align: center;
  }

  /* Main Page Content */

  #page-content {
    position: relative;
    top: 200px;
    padding-bottom: 20px;
  }

  #page-content h1{
    text-align: center;
  }

  /* News Page Content */

  .more-info-btn{
    margin: 0 auto;
  }

  /* Projects Page Content */

  .portfolioFilter .vertical-bar {
    display: none;
  }

  .portfolioFilter {
    text-align: center;  
  }

  .portfolioFilter a {
    padding-top: 19px;
    display: block;  
  }

  .projects-item .projects-info {
    width: 95%;
  }

  /* Contacts Page Content */
  
  .contacts a {
    display: block;
    text-align: center;
  }

  .button-black {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

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

  .more-projects-btn {
    text-align: center; 
  }

  /* Contact form message styles */

  .notification_ok, .notification_error {
    font-size: 1em;
    text-align: center;
    padding-bottom: 50px;
  }

}

/*====== Meduum Devices ======*/
@media (min-width : 769px) and (max-width : 992px){

  #navigation {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .logo {
    height: 140px;
  }

  .bsaup {
    font-size: 3.2em;
    margin-top: 0px;
  }

  p.logo-description {
    font-size: 0.65em;
  }

  #footer-index {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }

  #footer-bg {
    display: none;
   }

  #footer-sm {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 200px;
    text-align: center;
  }

  .copyright p, .developer p {
    text-align: center;
  }

  /* Main Page Content */

  #page-content {
    position: relative;
    top: 200px;
    padding-bottom: 20px;
  }

  #page-content h1{
    text-align: center;
  }

  /* News Page Content */

  .more-info-btn{
    margin: 0 auto;
  }

  /* Projects Page Content */

  .portfolioFilter {
    text-align: center;  
  }

  /* Contacts Page Content */
  
  .contacts a {
    display: block;
    text-align: center;
  }

  .button-black {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  /* Contact form message styles */

  .notification_ok, .notification_error {
    font-size: 1em;
    text-align: center;
    padding-bottom: 50px;
  }

}

/*====== Large Devices ======*/
@media (min-width : 993px) and (max-width : 1200px){

  body {
    overflow-x: hidden;
  }

  #navigation {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .logo {
    height: 140px;
  }

  .bsaup {
    font-size: 3.2em;
    margin-top: 0px;
  }

  p.logo-description {
    font-size: 0.65em;
  }

  #footer-index {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }

  #footer-bg {
    display: none;
   }

  #footer-sm {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 200px;
    text-align: center;
  }

  /* Main Page Content */

  #page-content {
    position: relative;
    top: 200px;
    padding-bottom: 20px;
  }

  /* News Page Content */

  .news-image img {
    margin: 0 auto;
  }

  /* Projects Page Content */

  .portfolioFilter {
    text-align: center;  
  }

  /* Contact form message styles */

  .notification_ok, .notification_error {
    font-size: 1em;
    text-align: center;
    padding-bottom: 50px;
  }

}

/*====== Extra Large Devices ======*/
@media (min-width : 1201px) {

  #navigation {
    z-index: 0;
  }



  #footer-bg {
    position: fixed;
    left: 10%;
    bottom: 10px;
  }

  #footer-sm {
    display: none;
  }
  
}