body{font-family: 'Century Gothic', Arial, Helvetica, sans-serif; margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}.flags a{text-decoration:none;margin:10px}.flags a span{transform:scale(1.4);transition:.1s all ease-in}.flags a span:hover{transform:scale(1.6)}

h1{
    font-size:1.6em; color:#506d8b; margin: 1.5em auto; max-width: 60%; font-weight: 300;
}

body > p{
    font-size:1em; color:#373737; max-width: 50%; font-weight: 300
}

p a{
    color: #f93500;    
}

p strong{
   color: #163654
}

.flags{
    margin: 3em 0;
}

footer{
    margin-top: 4em;
    width: 100%;
    font-size: 0.8em;
}


footer p,
footer p a {
    color:#b5b5b5;
    text-decoration: none
}
footer p a:hover {
    text-decoration: underline
}


@media (max-width: 768px) {
    

    h1, p{
        max-width: 90%;
    }

    .flags{
        max-width: 80%;
    }

    .flags a {
        margin: 10px;
        display: inline-block;
    }

   
}