/* Global Styles */

html,
body {
  width: 100%;
  height: 100%;
  background-color: #243762;
  scroll-behavior: smooth;
}

body {
  font-family: arial, verdana, helvetica, sans-serif;
}

.text-header {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 1px;
}

.text-footer {
  display: table-cell;
  text-align: center;
  vertical-align: middle ;
}

/* Header */

.header {
  display: table;
  position: relative;
  width: 100%;
  height: 70%;
  color: #FFF;
  background-color: #CCC;
  padding-bottom: 1px;
  background: url(../img/fondo.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/* Footer */

.footer {
  display: table;
  position: relative;
  width: 100%;
  height: 30%;
  background-color: #243762;
}

/* Menú Top */
#menu-toggle {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
}

.toggle {
  margin: 5px 5px 0 0;
}

.btn-instagram {
    border-radius: 5px;
    color: #fff;
    background-color: #C50F83;
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active {
    color: #fff;
    background-color: #DF0F83;
}