html {
  font-size: 14px;
}

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

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

body {
    margin-bottom: 60px;
    background-color: #0064AA !important;
}

.my-breathing {
    margin-top: 75px;
    margin-bottom: 50px;
    text-align: center;
}

.flex-wave {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

a {
    color: whitesmoke !important;
}

    a:hover {
      color:  #DD6900 !important;
    }

.legal-content {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    width: 250px;
    
}

    .legal-content a {
        color: whitesmoke;
        text-decoration:none;
    }

        .legal-content a:hover {
            color: #DD6900 !important;
            text-decoration: underline;
        }

@media screen and (max-width: 945px) {
    footer{
        flex-direction:column;
    }

    .legal-content {
        display: flex;
        justify-content: space-around;        
        width: 50%;
        margin:auto;
    }
}