@media all and (max-width: 1000px) {

#header {}

#top-bar {
height:auto;
padding: 10px 0;}

#site-name {
position:relative;
left:auto;
top:auto;
text-align:center;
width:100%}

#site-name a {
margin: 0;
line-height:normal;}

#social-icons {display:none;}

section#home-banner > div.elementor-container { }

#site-name h1 {display:block; width:100%;}

#container {
background-color:#343f2d;
background-size:cover;
background-repeat:none;
background-attachment:fixed;
background-position:center bottom;
overflow:auto;
 }
 

/*Extras page*/

#blog-layout div.box {
display: grid;
grid-template-columns: 1fr;
margin: 0 20px}

#blog-layout div.box-content {padding: 20px 10px;}
#single-content {padding: 30px 20px; }

#nav-below {grid-template-columns: 1fr;grid-row-gap: 10px; }
#nav-below .nav-previous {text-align:center; }
#nav-below .nav-next {text-align:center; }


/* Elementor */

div.elementor-text-editor p img.alignleft {
float: none;
width:100%;
height:auto;
margin: 0 0px 20px 0;
 }


}