@media only screen and (max-width: 768px) {  .container {
padding:0% 8% !important;
}
.alignright {
float:none !important;
}
.wp-block-image img {
width:100% !important;
height: auto !important;
margin:0px !important;
} .navbar-nav li {
text-align: left;
margin:5px 0px;
}
.navbar-toggler {
text-align:center;
background-color: #ffffff;
border-radius: 50%;
border:1px solid #fff;
z-index:9999;
padding:5px;
position: fixed;
top:20px;
right:20px;
}
.navbar-toggler img {
z-index: 9999;
}
.bg-menu {
background-color:#5fa7f7;
}
#mini-nav {
text-align:center;
padding:0px;
background-color: #ffffff;
border-radius: 50%;
border:1px solid #fff; z-index:9999;
padding:2px; cursor: pointer;
}
#mini-nav img {
z-index: 9999;
}
#mini-nav {
position:fixed;
top:10px;
right:10px;
}
#mini-nav img {
width:40px;
}
.social-icons{
position:fixed;
top:30px;
left:10px;
z-index:9999;
}
.bottom-btn {
position:fixed;
bottom:20px;
right:20px;
z-index:9999;
} #navbarJagga .principal li a{
font-size:25px;
line-height: 50px;
color:#fff;
}
#navbarJagga .languages li {
display:inline !important;
margin:20px;
font-size:12px;
}
#navbarJagga .social {
position: absolute;
bottom:0px; }
#navbarJagga .social a {
color:#fff;
}
.fp-controlArrow {
margin-top: 50% !important;
display:none !important;
}
.fp-controlArrow.fp-prev {
left: 0% !important; }
.fp-controlArrow.fp-next {
right: 0% !important;
}    .intro .logo {
width:180px;
}
.intro h1 {
font-size:40px;
}
.intro h2, #post_content h2,#post_content h3, #post_content h4, #post_content h5  {
font-size:30px;
}
.intro p,#post_content li, #post_content p, #post_content a{
font-size:16px !important;
}
.intro li {
line-height: 35px;
}   .avatar-lg, .avatar-md, .avatar-sm {
width:120px;
padding:2px;
border: 5px solid #f8f8f8;
}
.alignright, .alignleft {
float:none;
}
.wp-caption img {
width:100% !important;
text-align: center;
}  .midd-sm {
padding-top: 10%;
padding-bottom: 10%;
display: flex;
justify-content: center;
align-items: center;
}
.midd-sm-full {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.bg-f {
background-attachment:fixed;
}  .blackout {
background-color:rgba(0, 0, 0, 0.15);
}
.blackout2 {
background-color:rgba(0, 0, 0, 0.35);
}
} @media only screen and (min-width: 768px) {
header {
padding:20px 0px;
}
.navbar a {
color:#fff;
margin: 0 8px; }
a.btn-nav:hover {
background-color:rgba(0, 0, 0, 0.5);
}
.navbar a {
font-size:16px;
}
#mini-social {
position:fixed;
top:30px;
left:10px;
z-index:9999;
}
.bottom-btn {
position:fixed;
bottom:30px;
right:100px;
z-index:9999;
}
#mini-nav {
text-align:center;
padding:0px;
background-color: #ffffff;
border-radius: 50%;
border:1px solid #fff; z-index:9999;
padding:2px; cursor: pointer;
}
#mini-nav img {
z-index: 9999;
}
#mini-nav {
position:fixed;
bottom:20px;
right:20px;
}
#mini-nav img {
width:60px;
} #navbarJagga .principal li a {
font-size:35px;
line-height: 60px;
color:#fff;
}
#navbarJagga .logo {
width: 100px;
}
#navbarJagga .social {
position: absolute;
bottom:10px;
left:10px;
}
#navbarJagga .social a {
color:#fff;
}   #post_content h2,#post_content h3, #post_content h4, #post_content h5 {
font-size:40px;
}
#post_content h3, #post_content h4, #post_content h5 {
font-size:30px;
}
#post_content li, #post_content p, #post_content a{
font-size:19px;
line-height: 28px;
}  .intro .logo {
width:200px;
}
.intro h1 {
font-size:60px;
}
.intro h2 {
font-size:50px;
}
.intro p {
font-size:22px;
line-height: 40px;
}
.intro li {
font-size:22px;
line-height: 40px;
}
.intro p small {
font-size:19px;
}  .avatar-lg {
width:180px;
padding:2px;
border: 5px solid #f8f8f8;
}
.avatar-md {
width:120px;
padding:2px;
border: 5px solid #f8f8f8;
}
.avatar-sm {
width:45px;
padding:2px;
border: 5px solid #f8f8f8;
}
.midd-md-full {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}  .blackout {
background-color:rgba(0, 0, 0, 0.15);
}
.blackout2 {
background-color:rgba(0, 0, 0, 0.4);
}  .bg-f {
background-attachment: fixed;
}
.fp-controlArrow.fp-prev {
left: -20% !important;
}
.fp-controlArrow.fp-next {
right: -20% !important;
}
.gallery .fp-controlArrow.fp-prev {
left: 10% !important;
color:#fff;
}
.gallery .fp-controlArrow.fp-next {
right: 10% !important;
color:#fff;
}
}