. {
margin: 0;
}

body {
font-family: Roboto, sans-serif;
color: #333;
font-size: 16px;
line-height: 1.2em;
margin: 0;
}

h1 {
max-width: 700px;
margin-top: 20px;
margin-bottom: 10px;
color: #fff;
font-size: 48px;
line-height: 1em;
font-weight: 400;
text-align: center;
}

p {
color: #787878;
font-size: 16px;
text-align: center;
line-height: 1.5em;
margin: 0 0 8px 0;
}

a {
color: #00C8FF;
font-weight: 700;
text-decoration: none;
transition: 0.3s;
}

a:hover {
color: #198AFD;
}

a:active {
color: #3264DC;
}

li>a {
font-weight: 500;
}

li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 120px;
padding-top: 0px;
padding-bottom: 0px;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
font-size: 20px;
}

.list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}

.navbar {
padding-left: 24px;
background-color: #003780;
}

.nav-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
color: #fff;
text-align: center;
}

.nav-link:hover {
background-color: #002c67;
}

.div-hero {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 370px;
padding-bottom: 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: radial-gradient(circle farthest-corner at 50% 100%, #003780, #000029);
}

.heading {
width: 90%;
max-width: 700px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 48px;
font-weight: 400;
text-align: center;
}

.div-proximamente {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 540px;
margin-top: -40px;
margin-right: auto;
margin-left: auto;
padding: 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    border: 1px solid rgba(0, 0, 0, .25);
}

.p-proximamente {
max-width: 440px;
margin-bottom: 8px;
}

.image {
margin-top: -64px;
margin-bottom: 16px;
}

.btn-2nd {
margin-top: 8px;
padding: 12px 24px;
border-style: solid;
border-width: 2px;
border-color: #00C8FF;
border-radius: 50px;
background-color: #fff;
color: #00C8FF;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
transition: 0.3s;
}

.btn-2nd:hover {
border-color: #198AFD;
color: #198AFD;
}

.btn-2nd:active {
border-color: #3264DC;
color: #3264DC;
}

.div-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 540px;
margin-top: 16px;
margin-right: auto;
margin-left: auto;
padding: 24px 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

h2 {
font-size: 28px;
color: #003780;
max-width: 420px;
margin-top: 0px;
margin-bottom: 16px;
font-weight: 400;
text-align: center;
line-height: 1.25em;
}

.str-btn {
margin-right: 4px;
margin-left: 4px;
}

.store-btns {
margin: 16px;
}

.logo {
width: 70px;
}


@media (max-width: 479px) {
h1 {
font-size: 28px;
}
    
.logo {
width: 35px;
}
    
.nav-link {
width: 25%;
padding: 8px;
}
}