/*!
 * STRUCTURAL STYLES
 * CSS for Justice for Colombia's Website
 * Copyright Marc Campreciós Ester
 * Based on Bootstrap Reboot v4.0.0-beta.2's Grid System (https://getbootstrap.com)
 */

/*
 * General Fixes and Utilities
 */

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

/*
 * All Devices' Styles
 */

:root {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

body > header {
  /* DropDown Top Menu version
  position: fixed;
  z-index: 999;
  width: 100%;*/
}

#main {
  flex: 1 0 auto;
  /*padding-top: 130px;*/ /* Space for the header for DropDown Menus version*/
}


/*
 * Bootstrap own Fixes
 */

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

 /* Footer */

 footer {
   min-height: 200px;
   padding-top: 40px;
   padding-bottom: 20px;
   margin-top: 100px;
 }

/*
 * Specific Devicies Styles
 */

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

  /* Footer */

  footer {
    min-height: 200px;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-top: 100px;
  }

  /* Header */

  body > header {
    /* DropDown Top Menu version
    position: fixed;
    z-index: 999;
    width: 100%;*/
  }

  body > #main {
    /* DropDown Top Menu version
    padding-top: 130px;*/
  }

}

@media (min-width: 1200px) {

  /* Header */

  header {
    margin: 0 0 20px;
  }

  /* Footer */

  footer {
    min-height: 200px;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-top: 100px;
  }

}