@font-face {
    font-family: 'Roboto-Regular';   
    src: url('../fonts/Roboto-Regular.woff') format('woff');
}

html{
  height: 100%;
}

body {
  background-color:#ffc2d1;
  min-height: 100%;
  font-family: 'Roboto-Regular';
  font-size:14px;
  color: #ffffff;
  padding-top:5px;
  padding-bottom:5px;
}

.page-main{
  max-width:1280px;
  min-width: 960px;
  border:solid 2px;
  margin:0px auto 0px auto;
  padding: 5px 5px;
  background-color:#ff8fab;
  border-radius: 10px;
  
}

.page-header{
  border:solid 2px;
  background-color:#fb6f92;
  border-radius: 5px;
  margin-bottom:5px;
  padding: 0px 7px;
}

.page-body{
  border:solid 2px;
  background-color:#fb6f92;
  border-radius: 5px;
  margin-bottom:5px;
  padding: 0px 7px 5px 7px;
}

.page-footer{
  border:solid 2px;
  background-color:#fb6f92;
  border-radius: 5px;
  padding: 0px 7px;
}

/** Bulma Custom**/
.tow-column{
  border:solid 2px;
  border-radius: 5px;
  padding: 0px 7px;
  margin-left:5px;
}

.tow-column-menu{
  border:solid 2px;
  border-radius: 5px;
  padding: 0px 7px;
  width:150px;
}