@import url(https://fonts.googleapis.com/css?family=Roboto);
/*Just the background stuff*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #fff;
  font-family: 'Plain-Bold';
  src: url('../fonts/Plain-Bold.woff2') format('woff2'),
      url('../fonts/Plain-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  margin:0;
  padding:0
}
.row{
  width: 100%;
}
h1 {
  color: #fff;
  font-size: 12em;
}

/*---------------------------------------
  MENU
-----------------------------------------*/

.navbar {
  position: fixed;
  background: #69C3E8;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  /*padding: 1.5em;*/
  box-shadow: 0px 1px 9px #69C3E8;
}

.navbar-brand {
  color: #fff;
  font-size: 32px;
}

.nav-link {
  color: #fff;
  font-size: #14px;
  letter-spacing: 0.4px;
  margin: 0 0.6em;
  padding: 0.6em;
}

.nav-link.active,
.nav-link:hover {
  color: #E00753;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand-lg .navbar-nav .nav-link.contact {
  background: #E00753;
  border-radius: 100px;
  color: #fff;
  font-family: 'Plain-Bold', sans-serif;
  padding: 0.6em 2em 0.8em 2em;
}

.navbar-expand-lg .navbar-nav .nav-link.contact:hover,
.navbar-expand-lg .navbar-nav .nav-link.contact.active {
  box-shadow: 1px 2px 8px #E00753;
}

.navbar-nav .navbar-toggler-icon {
  background: none;
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0 10px 0 0;
  width: 30px;
  height: 35px;
  outline: none;
}

.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: #fff;
  transition: background 10ms 300ms ease;
  display: block;
  width: 30px;
  height: 2px;
  position: relative;
}

.navbar-toggler .navbar-toggler-icon::before,
.navbar-toggler .navbar-toggler-icon::after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  width: 30px;
  height: 2px;
  content: '';
}

.navbar-toggler .navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon::after {
  top: 8px;
}
.img{
  width: 16em;
}
.desc{
  position: relative;
  top: -25px;
}
.descp{
  height: 118px;
}

/*---------------------------------------
  Credencial
-----------------------------------------*/
.card-sipss {
  width: 460px;
  height: 460px;
  background: #fff;
  display: flex;
  box-shadow:  0 0 2px 0 rgba(0, 0, 0, 0.5);
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  position: relative;
  transform: translate(-50%, -50%);
}
.card-sipss:hover {
  cursor: pointer;
  box-shadow:  0 0 16px 0 rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 991px) {

}