Don’t Change Nothing…
But I must to Insert something here? /* Add your Mobile Styles here */
Thanks
Here my Complete CSS code:

@media only screen and (max-width: 767px) {
.responsive .logo img { max-height: 40%; top: 0px; }}

@media only screen and (max-width: 1024px) {
/* Add your Mobile Styles here */
.logo {
margin-top: -10px;
margin-left: -10px;
}
}

.weather {
position: relative;
float: right;
top: -10px;
right: 110px;
}

#top .sub_menu>ul {
float: left;
margin: 0;
right: -40px;
position: relative;
}

@media only screen and (max-width: 767px) {
.weather {
top: -30px;
}
.responsive #header_meta .sub_menu ul{
text-align:right!important;
color:#000!important;
}
}

.header_color .weather { color: black; }

#top .av_header_transparency #header_meta {
border-bottom: none! important;
}

.logo {
margin-top: -20px;
margin-left: -10px;
}

.header-scrolled .logo { margin-top: 0; }

.inner_sidebar {
margin-left: 30px;
}

.main_color table,
#top .main_color .avia-data-table.avia_pricing_minimal th {
background: transparent;
}

#top.page-template-default.page.stretched #main .container:before {
content: ‘ ‘;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.2;
background-image: url(https://residenzeparadiso.com/wp-content/uploads/2017/12/chaplet-2489637_1920.jpg);
background-repeat: no-repeat;
background-size: cover;
}

#top.page-template-default.page.stretched #socket .container:before {
background-image: url(https://residenzeparadiso.com/wp-content/uploads/2018/01/whitebackground.png) !important;
background-repeat: repeat;
}

#top.page-id-61 .inner_sidebar {
font-style: normal!important;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%!important;
max-width: 100%!important;
padding-left: 25px!important;
padding-right: 25px!important;
}}

Hey Nikko,

Yes, that got it – thank you!

To increase the size of the “Nothing found” header and “Sorry, no matching results found” lines above that part, I also added the following (leaving this for anyone else who may need it):

.entry-content {
font-size: 16px;
}

Thanks so much for your help! :)

just tried changing it to:

}
html { font-size: 100%; }
body { line-height: 1.6875; font-family: ‘Lato’, arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: ‘lato’, arial, helvetica, sans-serif; font-weight: 900; margin-top: 0; line-height: 1.1; }
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }
p { color: #000000; font-size: 100%; font-weight: 500; margin-bottom: 5%; }

@media (min-width: 768px) {
body { font-size: 80%; }

}

@media (min-width: 992px) {
body { font-size: 100%; }

}

@media (min-width: 1200px) {
body { font-size: 120%; }

}

so far, no luck..not working…

actually, I may not have solved anything lol…
still having problems…

I think I pretty much have the font weight problem solved…
but the main issue now is responsiveness…

I’ve added css to ‘quick css’, as well as the ‘built-in css editor’

}
@media (min-width: 480px) {
H1 { font-size: 50%; }
}
@media (min-width: 768px) {
H1 { font-size: 80%; }
}
@media (min-width: 992px) {
H1 { font-size: 90%; }
}
@media (min-width: 1200px) {
H1 { font-size: 100%; }

essentially, I’m trying to emulate https://gusto.com/ how they do their fonts… but with Lato as the font family…
I’m not having a whole lot of success at this point…
we’re having some serious issues with the responsive text… it’s massive…and the line spacing is wack….

help me, obi-wan…you’re our only hope!
:)

}

Hi, I tried your Shortcode But The Weather Tags is Displayed on the right in desktop Pc or below in Mobile Smarthpone from polylang…
I Want It on The Left Sticky…
Here my Complete Quick CSS:

.weather {
float: right;
top: -10px;
position: relative;
}

@media only screen and (max-width: 767px) {
.responsive #header_meta .sub_menu ul{
text-align:right!important;
color:#000!important;
}}

.header_color .weather { color: black; }

#top .av_header_transparency #header_meta {
border-bottom: none! important;
}

.logo {
margin-top: -30px;
margin-left: -10px;
}

.header-scrolled .logo { margin-top: 0; }

.inner_sidebar {
margin-left: 30px;
}

.main_color table,
#top .main_color .avia-data-table.avia_pricing_minimal th {
background: transparent;
}

#top.page-template-default.page.stretched #main .container:before {
content: ‘ ‘;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.2;
background-image: url(https://residenzeparadiso.com/wp-content/uploads/2017/12/chaplet-2489637_1920.jpg);
background-repeat: no-repeat;
background-size: cover;
}

#top.page-template-default.page.stretched #socket .container:before {
background-image: url(https://residenzeparadiso.com/wp-content/uploads/2018/01/whitebackground.png) !important;
background-repeat: repeat;
}

#top.page-id-61 .inner_sidebar {
font-style: normal!important;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%!important;
max-width: 100%!important;
padding-left: 25px!important;
padding-right: 25px!important;
}}

Thanks