@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    font-family: "Roboto", sans-serif;
    background:#F3F5F7;

    height:100vh;
    display:flex;
    flex-direction:column;
}

main {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
}

.container {
    width:80%;
    max-width:1100px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.logo img {
    width:500px;
    max-width:100%;
}

.mensagem {
    max-width:500px;
}

.mensagem h1 {
    font-size:48px;
    color:#2F5574;
    margin-bottom:15px;
}

.mensagem p {
    color:#7A8A99;
    font-size:18px;
    line-height:1.6;
}

.linha {
    width:60px;
    height:4px;
    background:#F28C38;
    margin-top:20px;
    border-radius:4px;
}

footer {
    background:#2F6B94;
    text-align:center;
    padding:20px;
}

footer a {
    color: inherit;     
    text-decoration: none; 
}

footer a:hover {
    text-decoration: underline;
}

footer p {
    color:#fff;
    font-size:13px;
}

footer .campus {
    font-size:16px;
    margin-bottom:5px;
}

@media (max-width:900px) {

    .container {
        flex-direction:column;
        text-align:center;
    }

    .mensagem h1 {
        font-size:36px;
    }

    .logo img {
        width:250px;
    }

    .linha {
        margin:20px auto 0 auto;
    }

}