html {
    background-color: #243154;
    font-family: Arial, Helvetica, sans-serif;
}
body {
    margin: 10%;
}
.card {
    background-color: white;
    padding: 2% 5%;
    border-radius: 8px;
}
header {
    display:flex;
    justify-content: space-between;
    gap: 10rem;
}
.logo {
  width: 18%;
  height: auto;  
}

.info {
    display: flex;
    justify-content: space-between;
}

h3 {
    margin-top: 0.2rem;
    font-weight: normal;
}

p{
    margin: 0.4rem 0;
}

@media screen and (max-width: 800px){
    header {
        gap: 5rem;
    }
    .logo {
        width: 25%;
    }
}
@media screen and (max-width: 699px){
    header {
        gap: 2rem;
    }

}@media screen and (max-width: 450px){
    header {
        gap: 2rem;
        flex-direction: column-reverse;
        justify-content:center;
    }
    .logo {
        width: 50%;
        padding-left: 4.5rem;
    }
}