@font-face {
    font-family:"cubano";
    src:
      local("Cubano"),
      url("assets/Cubano.ttf") format(truetype);
  }
  body {
    font-family:"cubano"!important;
    font-weight:400;
    border-color:#333;
    overflow:scroll;
  }
#main.content {
  flex-flow:column;
  position:relative;
  top:100;
  color:#00a6a4;
  font-size:2rem;
  overflow-y:auto;
}
.drawer-ctnr, .inpage-ctnr, .popin-ctnr {
  border-radius:16px;
  padding:30px!important;
}
 .popin, #inpage-widgets {
    display:flex;
    flex-flow:row;    
}
.drawer {
  display:flex;
  flex-flow:row nowrap;
}
.widget-btn{
  margin-right:200px!important;
}
.drawer-ctnr {
  order:3;
  background-color:#EDF3F7;
  display:flex;
  flex-flow:column;
  margin-bottom:65px;
}
.inpage-ctnr {
  order:3;
  background-color:rgba(32, 21, 89, 1.0);
  display:flex;
  flex-flow:column;
  margin-bottom:65px;
}
.popin-ctnr {
  padding:10px;
  order:3;
  background-color:#084A49;
  color:#fff;
  flex-flow:column;
  display:flex;
  margin-bottom:65px;
}
.popin .widget-btn {
  background-color:#fff;
  color:#00a6a4;
}
#inpage-widgets {
  order:3;
}
.inpage {
  display:flex;
  flex-flow:row;
  padding-bottom:80px;
  padding:10px;
}
.inpage-header, .inpage {
  background-color:rgba(32, 21, 89, 1.0);
  color:#fff;
  order:3;
  
}
.inpage-header {
  padding:10px;
}
.inpage .widget-btn {
  background-color:rgb(186, 60, 173);
  color:#fff;
}
.popin {
  order:4;
}
.popin-ctnr {
  margin-bottom:120px;
}
.header-content p {
  align-self:flex-end;
  color:#fff;
  font-weight:500;
  font-size:1.5rem;
  margin-left:5%;
}
.header {
  background-color:#00a6a4;
  position:absolute;
  width:100%;
  top:0;
  left:0;
  height:100px;
  flex-flow:row nowrap;
}
.footer {
  background-color:#00a6a4;
  min-width:100%;
  bottom:0;
  position:fixed;
  left:0;
  height:100px;
  display:flex;
  flex-flow:row-reverse;
  align-items:center;
  justify-content:center;
}
.header-content {
  align-items:center;
  display:flex;
  flex-wrap:nowrap;
}
.header-content img {
  width:20%;
  max-height:95px;
  justify-self:left;
}
.widget-btn {
    background-color:#00a6a4;
    color:#fff;
    font-size:19px;
    border:0;
    margin-top:5px;
    margin-bottom:5px;
    font-family:"cubano";
    padding:5px;
    width:150px;
    margin-right:10px;
    border-radius:100px;
    height:50px;
    transition:all .3s;
  }
  .widget-btn:hover {
    cursor: url(hand.cur), pointer;
    background-color:#084A49 !important;    
  }
  .inpage .widget-btn:hover {
    background-color:#fff!important;
    color:rgb(186, 60, 173);
  }
  .popin .widget-btn:hover {
    background-color:#00a6a4!important;
    color:#084A49;
  }