/***********/
/* FOOTER  */
/***********/

#footer a { text-align: center; color: white; transition: all .5px ease-in-out; }
#footer a:hover { color: #FF9933; text-decoration:none; transition: all .5px ease-in-out; }
#share-menu-wrapper { text-align: center; bottom: 0; width: 50%; left: 25%; position: fixed; border-width: 1px 1px 0px 1px; border-style: solid; border-color: rgba(19, 65, 99, 0.7); background: rgba(19, 65, 99, 0.6); -webkit-box-shadow: 0px -1px 4px 1px rgba(0,0,0,0.6); -moz-box-shadow: 0px -1px 4px 1px rgba(0,0,0,0.6); box-shadow: 0px -1px 4px 1px rgba(0,0,0,0.6); border-radius: 9px 9px 0px 0px; -moz-border-radius: 9px 9px 0px 0px; -webkit-border-radius: 9px 9px 0px 0px; }
#share-menu-container { }
#buttons-right-side-wrapper { right: 0.2%; bottom: 0.5%; position: fixed; }
#buttons-left-side-wrapper { left: 0.2%; bottom: 0.5%; position: fixed; }
#cv-button-wrapper { position: relative; width: 100%; height: 40%; } 
#none-section-wrapper { width: 100%; height: 20%; } /* None section wrapper is aimed to just occupy the same space than current-section-wrapper on the right side */ 
#share-button-wrapper { position: relative; width: 100%; height: 40%; }
#to-next-up-button-wrapper { position: relative; width: 100%; height: 40%; } 
#current-section-wrapper { width: 100%; height: 20%; color: #FF9933; text-align: center; }
#to-next-down-button-wrapper { position: relative; width: 100%; height: 40%; } 

/*========== RESPONSIVENESS ==========*/

  /************/
  /* iphone 6 */
  /************/
  @media (min-width: 375px) and (min-height: 627px) and (orientation: portrait){ }

/* Extra small Devices, (phones, 200px and up) */
@media (min-width: 200px) { #footer { font-size: 1em; } #buttons-right-side-wrapper { width: 15%; height: 25%; } #buttons-left-side-wrapper { width: 15%; height: 25%; } }
/* Extra small Devices, (phones, 320px and up) */
@media (min-width: 320px) { #footer { font-size: 1em; } #buttons-right-side-wrapper { width: 15%; height: 25%; } #buttons-left-side-wrapper { width: 15%; height: 25%; } }
/* Extra small Devices, (phones, 500px and up) */
@media (min-width: 500px) { #buttons-right-side-wrapper { width: 12%; height: 25%; } #buttons-left-side-wrapper { width: 12%; height: 25%; } }
/* Extra small Devices, (phones, 640px and up) */
@media (min-width: 640px) { #buttons-right-side-wrapper { width: 10%; height: 25%; } #buttons-left-side-wrapper { width: 10%; height: 25%; } }
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { #footer { font-size: 1.1em; } #buttons-right-side-wrapper { height: 30%; } #buttons-left-side-wrapper { height: 30%; } }
/* Medium devices (desktops, 900px and up) */
@media (min-width: 900px) { #footer { font-size: 1.1em; } #buttons-right-side-wrapper { height: 32.5%; } #buttons-left-side-wrapper { height: 32.5%; } }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { #footer { font-size: 1.1em; } #buttons-right-side-wrapper { height: 35%; } #buttons-left-side-wrapper { height: 35%; } }
/* Medium devices (desktops, 1024px and up) */
@media (min-width: 1024px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { height: 36.5%; } #buttons-left-side-wrapper { height: 36.5%; } }
/* Medium devices (desktops, 1280px and up) */
@media (min-width: 1280px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { height: 37%; } #buttons-left-side-wrapper { height: 37%; } }
/* Medium devices (desktops, 1280px and up) */
@media (min-width: 1400px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { height: 35%; } #buttons-left-side-wrapper { height: 35%; } }
/* Large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { height: 32.5%; } #buttons-left-side-wrapper { height: 32.5%; } }
/* Large devices (large desktops, 1900px and up) */
@media (min-width: 1900px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { height: 32%; } #buttons-left-side-wrapper { height: 32%; } }
/* Extra large devices (extra large desktops, 2500 and up) */
@media (min-width: 2500px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { height: 32%; } #buttons-left-side-wrapper { height: 32%; } }
/* Extra large devices (extra large desktops, 3000 and up) */
@media (min-width: 3000px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { height: 37%; } #buttons-left-side-wrapper { height: 37%; } }
/* Extra large devices (extra large desktops, 3500 and up) */
@media (min-width: 3500px) { #footer { font-size: 1.2em; } #buttons-right-side-wrapper { width: 10; height: 45%; } #buttons-left-side-wrapper { width: 10; height: 45%; } }