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

* {
    font-family: 'Roboto', sans-serif;
}

body {
    width:  100%;
    height: 100vh;
    background-color: #00377D;
}
header { background-color: #00377D; padding: 10px 0 }
.logo { text-align: center; }
.logo img { width: 65px }

.links { text-align: center; }
.links-wrap { padding: 30px; max-width: 340px; background: white; border-radius:  3px}

.imagen img { max-width: 280px; }

.btn { width: 250px; border-radius: 20px; font-size: 1rem; text-transform: uppercase; }

.btn-sky {
    background-color: #00C8FF;
    color:  white;
}

.btn-outline-sky {
    border:  1px solid #00C8FF;
    color:  #00C8FF;
}


@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 580px) {

}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 440px) {

}

@media only screen and (max-width: 360px) {

}

@media only screen and (max-width: 320px) {

}