@media (min-width: 992px) and (max-width: 3840px) {
.forecastcont {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}
.flexrow {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 5%;
}
.flex100 {
display: flex;
flex-direction: column;
width: 100%;
}
.flex50 {
display: flex;
flex-direction: column;
width: 50%;
}
#forecast p {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 1em;
line-height: 1.3em;
margin-bottom: 0px;
}
#forecast h1 {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 2.3em;
font-weight: bold;
margin-bottom: 60px;
text-align: center;
}
#forecast h2 {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 1.7em;
font-weight: bold;
margin-bottom: 40px;
}
#forecast h3 {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 1.3em;
font-weight: bold;
margin-bottom: 40px;
}
#forctext  {
margin: 8%;
}
}
@media (min-width: 280px) and (max-width: 991px) {
.forecastcont {
max-width: 580px;
margin-left: auto;
margin-right: auto;
}
.flexrow {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 5%;
}
.flex50 {
display: flex;
flex-direction: column;
width: 100%;
}
.flex10 {
display: flex;
flex-direction: column;
width: 12%;
margin-right: auto;
}
#forecast p {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 1em;
line-height: 1.3em;
margin-bottom: 0px;
}
#forecast h1 {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 1.8em;
font-weight: bold;
margin-bottom: 40px;
text-align: center;
}
#forecast h2 {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 1.4em;
font-weight: bold;
margin-bottom: 40px;
}
#forecast h3 {
    font-family: Lato,sans-serif;
    color: #3176ba;
  font-size: 1.4em;
font-weight: bold;
margin-bottom: 40px;
}
#forctext  {
margin: 4%;
}
}
.iconasp {
aspect-ratio: 1 / 1;
}
.flex100 {
display: flex;
flex-direction: column;
width: 100%;
}
.round {
    background-color: #FFF;
    box-shadow: 2px 2px 11px 0 rgb(0, 0, 0, 0.11);
    border-radius: 10px;
    padding: 8%;
}
.flex10 {
display: flex;
flex-direction: column;
width: 12%;
margin-right: auto;
}
.flex90 {
display: flex;
flex-direction: column;
width: 85%;
margin-left: auto;
margin-right: auto;
align-self: center;
}
#forctext p {
margin-bottom: 5%;
}