html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.topSpace{
    margin-top: 40px;
}
.bottomSpace{
    margin-bottom:40px;
}
.bottomSpaceSmall{
    margin-bottom: 10px;
}
.rightSpace{
    margin-right:40px
}
.leftSpace{
    margin-left:40px;
}
.topSpaceSmall{
    margin-top:10px;
}
.formLabel{
    color:dimgray;
}
.hidden{
    display:none;
}
.show{
    display:block;
}
.totalDiv {
    
    width: 100px;
    height: 50px;
    margin: auto;
}
.totalBtn {
    width: 180px;
    height: 50px;
    font-size:1.2em;
    padding:5px;
    color:white;
    background-color:dodgerblue;
    border-width:0px;
}

.floatRow{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
}

.largeFont{
    font-size:x-large;
}

.menusDiv {
    display: flex;
    flex-direction: row;
    
}

.logout {
    margin-right: 80px;
}

@media only screen and (max-width: 600px) {
    .stretchOnMobile {
        width: 90%;
    }

    .mnbox{
        position:absolute;
        left: -200px;
    }

    .logout {
        position:absolute;
        right: -50px;
    }

    .menusDiv {
        display: inline;
    }

    .allura {
        font-family: 'Allura', cursive;
        font-weight:bold;
        font-size:3em;
        display: block;
        margin-bottom:15px;
    }
    
    .menu{
        
    }
   
}



fixed footer to the bottom

.topMost {
    z-index:100;
}

.allura {
    font-family: 'Allura', cursive;
    font-weight: bold;
    margin-left:70px;
}
.perisienne {
    font-family: 'Parisienne',cursive;
    font-weight: normal;
}
.tangerine {
    font-family: 'Tangerine', cursive;
    font-weight: bold;
}
.playball{
    font-family:'Playball',cursive;
    font-weight:bold;
}