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

@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Medium.ttf');
  font-weight: 600;
  font-style: normal;
}
html, 
body {
    height: 100%;

}

body {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size:20px;
}

.background{
    background-image: url('images/background.png');
    background-size: cover;
    background-attachment: fixed;
    
}
@media (max-width: 576px) { 
.background{
    min-height: calc(100% - 56px);
}
}
@media (min-width: 576px) { 
.background{
    min-height: calc(100% - 62px);
}
}
.text-justify {
    text-align: justify !important;
}

.magic_color{
    color: #76C8D2!important;
}
.card{
    height: 100%;
/*    width: 100%;*/
}