/*---------------- ALLGEMEIN------ 

html {
  scroll-behavior: smooth;
}
*/

nav, #page-header-content {
display:none;
}

#sessions input#username, #sessions input#password {
width: 100%;
min-width: 380px;
display:block!important;
}

div.fadehover {
position: relative; 
width: 1000px; 
height: 275px;
}
  
div.fadehover img {
position: absolute; 
left: 0; top: 0; 
z-index: 10;
width: 1000px; 
height: 275px; 
}

#rosenstein .infobox {
border: solid 1px gray;
border-radius: 5px;
background-color: #d9ebff;
padding:9px;
}

#rosenstein #content div.image-container-float-r {
float:right;
width: 290px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
}

#rosenstein #content div.image-container-float-r p {
width: auto;
max-width: 280px;
}

div#navigation ul#mainmenu li#nav_more ul{
z-index: 10000; 
}  

div#navigation ul#mainmenu li#nav_more.button a span.icon{
background-position-x: -45px;
background-position-y: 0px;
}

div#navigation ul#mainmenu li#nav_contact.button a span.icon{
background-position-x: -65px;
background-position-y: 0px;
}


/*---------------- alles kleiner als Desktop 1000px------  */

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

body {
width: 100%;
background: url("headbg-welcome3.jpg") no-repeat 50% 0;
}
  
#sessions form {
width:auto;
margin-left: 15px;
margin-right: 15px;
}
 
#sessions.fieldset input {
width: 100%;
}
  
  
#sessions .fieldset {
width: 100%;
margin-top:0;
}
  
#users #register-bottom {
width:auto;
margin: 0;
padding:10px;
}
    
#users div.fieldset p, #users p {
display:block;
width: 100%;
}

#users #content, #login-container {
width:90%;
margin:0;
}
  

div#navigation-container {
width: 100%;
height: 100px;   
}
 
div#navigation {
max-width: 100%;
height: auto;
display:none;
}
 
.icon {
display:none!important;
}

ul#mainmenu {
position: relative;
left:35px;
width: 100%;
margin-left:0;
padding:0;
display:block;
max-width: 100%;
height: auto;
}

ul#mainmenu li{
margin-left: 5px;
}

div#logo img{
margin-left: 15px;
max-width: 400px;
  }
  
div#footer {
width: 100%;
margin-left: auto;
margin-right: auto; 
}
  
div#content, #navigation {
width:auto!important;
}
  
#content-users {
   width:70%;
  padding-right: 0;
  margin-left: 30%;
}
#users #content-users {
width:80%;
padding-right: 0;
margin-left: 20%;
}

.user-timeline-reg {
height: auto;
}
  
#content-more {
width: auto;
}

#content-end {
	margin-bottom: 15px;
}


#blog_posts div#content-more {
width: auto!important;
overflow:visible; 
}

ul#blog,ul#blog li, ul#blog {
}

#blog_posts ul#blog a {
display:none;
display:inline;
word-wrap:break-word;
overflow:hidden;
}

#blog_posts div#content-more-right {
width:auto;
margin-right: 0;
padding-right: 10px;
margin-left: 0;
}

#blog_posts div#content-more-left {
width:90%!important;
margin-right: 15px;
padding: 0;
margin-left: 15px;   
}
  
div#headbg div{

 height: 100px!important;width:auto;
background:no-repeat 50% 0;
z-index:0;
}

div#headbg div#bg-welcome{
background-image: url("headbg-welcome3.jpg");
  height: 100px!important;
}

#content {
padding-top: 0px;
background: #fff;
width: 100%;
background-image:none;
min-height: 200px;
}
  
#content-container {
width: auto;
left:-5px;
margin-left: 0;
margin-right: 10px;
width: auto;
}

#content-container form.edit_statement,
#content-container b{
padding-left: 170px;
}
  
div#navigation-container div#navigation{
padding:0;
width: 100%;
max-width: 100%;
background: #77B3F7;
}
  
div#navigation-container {
width: auto;
margin:0;padding:0;
left:0; right:0; clear:both;
}

#navigation{
display:block;
right:0;width: 100%;
padding:0; margin:0;
}
  
#navigation-header, li#nav-more{
display:none;
}
  
#session {margin-right: 15px; }



div#register-button {
margin:35px;
margin-top: 280px;
}

#register-button a {
display: block;
width: auto;
height: 100%;
padding: 15px;
margin-left:auto;
margin-right:auto;
}



#content-sidebar.std, #content-sidebar.fixed {
margin-top: 10px;
margin-left: 15px;
float:left;
width: 15%;
}


/*--------------------Registrierung--------------------*/

#register-right{
width: auto;
}


/*--------------------WELCOME--------------------*/

div.fadehover {
position: relative; 
width: 100%; 
height: auto;
display:block;
}

div.fadehover img{
position: absolute; 
left: 0; 
top: 0; 
z-index: 10;
width: 100%; 
height: auto; 
}

#welcome .statement-container{
width:auto;margin:0;
}

#welcome .content-statements{
min-height: 80px;
width: 70%;
margin-left: 29%;
}

#welcome #content-more {
padding-left: 15px;
padding-right: 15px;
}

#welcome .statement-container div.statement-footer {
position: relative;
left: 15px;
}

#welcome #content-more-left {
width: 100%;
display:block;
clear:both;
}

#welcome #content-more-left .content-statements {
width: 100%;
margin-left:15px;
}

#welcome #content-more-left li .statement-text{
width: auto!important;
margin-left: 15px;
}

#welcome #content-more-right{
margin-left: -10px;
width: 100%;
}

#welcome .content-statements>ul{
width: auto;
list-style-type:none;padding:0;
margin:0;
}

#welcome .content-statements>ul>li{
float:left;
width: 100%;
display:inline-block;
  }
  
#welcome .content-statements>ul>li{
left:-15px;
}


/*--------------------STATEMENTS--------------------
  
#statements #content {
max-width: 100%;
overflow:hidden;
  }*/
  
#statements  div.pagination-container {
  padding-bottom: 2em;
  display:inline;
  width:auto!important;
  max-width: 100%;
}

#statements div.topic-container {
  width:auto!important;
 max-width: 100%;
  display:inline;  
}

#statements .statement-container{
width: 80%;
display:inline-block; 
}
  
  
#statements #content-container {
	top: 10px;
	width: auto;
}
  
  
#statements #content-container p.months,
#statements #content-container p.months + p{
padding-right:0;
position:relative;
left: 170px;
width:80%!important;
}

#statements .content-statements{
margin-left: 170px;
width:auto !important;
}


#statements .content-statements>ul>li{
width: 80%;
}

#statements .content-statements ul li{
display:inline-block;
padding-right:0;
width: 90%;
}
 
#statements .content-statements ul li a{
word-wrap:break-word!important;  
display:inline;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
  

  
#statements .statement-comments{
  width: 100%;
  display:inline-block; 
  margin-right:0;
}
  
#statements .comment-container p,  #statements .comment-container2 p{
clear:both;
width:auto;
word-wrap:break-word!important;  
}
  
#statements  #statement-poster {
padding-left: 170px;

}
  
#statements .statement-container {
   width:80%; 
  display:inline-block; 
}
  
  
/*--------------------DISCUSSIONS--------------------*/
#discussion_threads #content #main {
    width: auto;
    padding: 15px;
  }
  
#discussions #content {
    padding-left:15px;
    padding-right:15px;
    width: auto!important;

  }
  
#discussions #content ul {
    padding-left:0;
    padding-right:0;
    width: 100%;
  }

#discussion_threads #content #main  {
width: auto;
  
  }
#tabs ul#discussions-nav li a{
font-size: 100%;
    line-height: 1.8em;
  }
#discussion_threads #main div.pagination {
    display:inline-block;
    width: 100%;
    margin-top: 1em;
 margin-left:0!important;
  padding-left:0!important;
  text-align: left;
  }
  
ul#discussion-thread-entries li div{
    width: 100%!important;
  }
ul#discussion-thread-entries li {
   position: relative;
    top: 0;
display: block;
max-width: 100%;
width: auto;  }
  

#discussion_threads .body{
     width: auto;
  max-width:98%;
      }
ul#discussion-thread-entries li {
    clear:both;
  width: auto;
    display:block;
    }

#discussion_threads ul#discussion-thread-entries li div.user
{
    display:inline;
  float: left;
 width: 20%!important;
    min-width: 100px;
  height: 100%;
}
#discussion_threads ul#discussion-thread-entries li div.info,
#discussion_threads ul#discussion-thread-entries li div.entry,
#discussion_threads ul#discussion-thread-entries li div.number{

    width:70%!important;
     display:inline-block;
    padding:0; margin:0;
    
  }
  
#discussion_threads ul#discussion-thread-entries li div.number a{

  }

#discussion_threads ul#discussion-thread-entries li div.entry div.head div.number
{
  width: auto!important;
  min-width: 40px;
  font-size: 1em;
  padding-left:10px;
  margin-left: 0;
}

/*--------------------Galerien--------------------*/

div#galleries table{
  width: 100%;
  padding: 15px;
}

div#galleries img {
  width: 100px;
}

div#gallery table {
  width: 100%;
}

div.column.left {
  width: auto;
  display:block;
  padding-left: 15px;
  padding-right: 15px;
}

div.column.right {
  width: auto;
  padding-right: 15px;
  margin:0;
}
/*--------------------Netzwerk--------------------*/
#static_pages #content {
  width: auto;
}
#static_pages div.column.left, #static_pages div.column.right{
  width: 90%;
  padding-right: 0;
  padding-left:15px;
  margin:0;
}
#static_pages div.column.right{
  padding:0;
  padding-top: 20px;
  padding-left:15px;
  width: 90%;
  margin:0;
}
#static_pages div.column.left ul, #static_pages div.column.left ul li{
  width: auto;
  margin:0; padding:0;
  overflow:hidden;
}
#static_pages #content #network-listing{
  width: auto;
  margin:0; padding:0;
  overflow:hidden;
}
ul.network-list li{
  width: 100%;
  display:inline;
  margin:0; padding:0;
}


#users #content {
  padding-right: 5%;
  padding-left: 5%;
  width: 90%;
  max-width: 90%;
}

/*--------------------Rosenstein und Wissenst´wertes--------------------*/

#rosenstein #content .image-container img,
#interesting #content .image-container img{
  width: 100%;
  height: auto;
}

#rosenstein #content-sidebar,
  #interesting #content-sidebar{
    float:left;
    overflow:hidden;
    width: 90%!important;
  }
#rosenstein #content-sidebar ul,
  #interesting #content-sidebar ul{
    display:block;
    width: 90%;
    float:left;
    border:0!important;
  }
#rosenstein #content-sidebar ul li,
  #interesting #content-sidebar ul li{
     float:left;
    display:inline-block;
    border:0;
    border-right: solid 1px #333;
  }
#rosenstein #content-sidebar ul a,
  #interesting #content-sidebar ul a{
  display: inline;
  width: auto!important;
  height: 100%;
  color: #333;
    padding: 5px;
  text-decoration-color: currentcolor;
  text-decoration-line: none;
  text-decoration-style: solid;  
}

#rosenstein  #content-sidebar ul.mobil-nein,
  #interesting  #content-sidebar ul.mobil-nein{
display:none;
    }
#rosenstein #content-container,
  #interesting #content-container {
  padding-top: 100px;
}  

  #content-sidebar.std-neu.fixed {
position: absolute;
}





div#event-list, 
  div#event {
  
  padding-top: 20px;
  margin-left: 20%;
  width: 80%;
}
  
  


#events div#event-calendar {
 float:left;
  margin-left: 20%;
  width: 80%;
}

#static-pages div#content,
#content-overview {
    width: 100%;
  }
 #content-overview {
  min-height: 180px;
}
  #content-overview img{
    width: 100%;
  }
div.teaser-ov {
  position: relative;
  top: -70px;
  font-size: 80%;
  }

#messages ul.threads-listing{
  padding-top: 30px;
  padding-left: 160px;
  width: auto;
 
}

  #messages ul.thread-listing > li {
  
  }
#messages ul.thread-listing li div.body-container {
  width: auto!important;
  }
#messages #content-sidebar {
margin-top: 35px;}
  
#messages hr {
 display:none;
}
#messages .body-container, #home .body-container {
  width: auto;
  max-width: 95%;
}
#messages div.pagination {
  margin:0;
  margin-right: 15px;
  width: auto;
}

#XXmessages #content-container{
  position: absolute;
  top:15px;
  left:15px;
  padding-left: 0;
  height: auto;
}
  
  #messages #content-container{
  margin-left: 20%;
}
#messages #footer {
 display:none;
}

#messages ul.thread-listing li div.body-container.correspondent {
  clear:both;
margin-left: 20%;
  width: 70%!important;
  float:left;
}
  #messages ul.thread-listing i {
clear:both;
margin-left: 20%;
    display:inline-block;
    width: 70%!important;
    
  }

#messages #recipientlist {
    margin: 10px 0 10px 0;
    padding: 5px;
   display:inline-block;
  width: 70%!important;
}
  
#messages div#recipient-container {
    width: auto!important;
}
  
  
  #messages ul.thread-listing li div.body-container form {
    width:100%;
    
} 
  
  #home #content-container{
    margin-top: 0;
    margin-left: 20%;
   
  }
  
  #home footer {
  display:none;
  }

#home #form-right {
    width: auto!important;
    margin-left: 0;
}
  
 #flash {
    width: auto;   
}
  
  
.info p{
    /*! padding-top: :0!important; */
    /*! margin:0; */
  }
/*responsive menu*/


/* The NO pop */

nav#menu.menu {
position: absolute;
top:15px;
    left:0;
display: block;
z-index: 9000;
height: auto;
width: 100%;
    font-size: 0.8em;
  background: #fff;
}

nav#menu.menu ul li.category {
height: auto;
}

nav#menu.menu ul li ul {
	position: relative;
	top:0;
	}



nav#menu.menu ul li ul li a {
opacity: 1.0;
background-color: #fff;
border-bottom:0;
margin-bottom: 0;
  
}


/*responsive menu*/

a.menu-link {
position: absolute;
right: 25px;
    top: 10px;
z-index:9000;
		content:"";
		display: block;
		color: #fff;
		background-image: url("mobil-icon-b.png");
	background-repeat: no-repeat;
  background-position: 5px 5px;
  border: solid 2px #3073bf;	
  border:0;
  background-color: #83BBFC;
  background-color: transparent;
  width: 50px;
		height: 50px;
  border-radius: 7px;
}


/*---------------- javascript------  */

nav#menu.menu {
 
  border-radius:0;
}
a.menu-link { display: block; 
    color: #fff; 
    text-decoration: none; padding: 0;}
  
  .menu { clear: both; min-width: 
    inherit; 
  float: none; margin-top: 105px;
  
  
  }
  .menu, .menu > ul ul { 
  overflow: hidden; max-height: 0; }
  .menu > li > ul.sub-menu { padding:0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 3000px; }
  .menu ul { display: inline; }
  .menu > ul { }
.menu > ul > li { 
  display: block; }
  
  .menu li{ border-bottom: 1px solid #333; }

.menu li li {
    list-style-type:none;
  background-color:#fff; 
    }

.menu li li li{
  list-style-type:none;
    position: relative;
 left: 44px;
    margin-left: -22px;
  list-style-type:none;
    }
.menu li a { text-align:left;
  color: #263129; display: block; 
  padding: 0.8em; 
  padding-left: 15px;
 position: relative; 
  text-decoration:none;
height: 20px;
  line-height: 20px;
  background: transparent;
  font-size: 1.3em!important;
}
.menu li a:hover{
  background-color: #eee;
}
.menu li li a, .menu li li li a {
    
   position: relative;
  display:block;
left: 0;
 height: 20px;
  line-height: 30px;
  text-decoration: underline;
 background:transparent!important;
  }


.menu li li a:hover {
  background-color: #eee;
}
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
  width: 26px;
    font-size: 1.5em;
    padding: 10px 0;
  
  }

.menu li li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 10px;
    display: block;

  width: 26px;
    font-size: 1.5em;
    padding: 5px 0;
  
  }
  .menu li.has-submenu > a.active:after {
  padding: 13px 2px;
    content: '+';
      font-weight:bold;
transform: rotate(45deg);
  }

  .menu ul ul > li a { 
  
  padding: 5px 0 5px 15px; 
    margin:0;
    width: auto;
    height: auto;
}
  .menu ul ul > li:hover { 
 background: #eee;
    }
    
    .menu ul ul > li a:hover {
  background: #eee;
}

.menu li a.active { background-color: #ddd; 
  border-bottom:solid 1px #333;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  background:#fff;
}

.menu li a.active:hover {
      background: #eee;
    }


  .menu ul ul, .menu ul ul ul { display: inherit; 
  position: relative; left: auto; 
  top:auto; border:none; 
}

 .menu li.has-submenu li.last{
  border-bottom: 0;
  }

}
/*responsive menu ende*/



@media screen and (max-width:750px){
  
  
#content-sidebar {
  float:left;
  overflow:hidden;
  width: auto!important;
	margin: 0px 0px 5px 0px;
}
#content-sidebar.std{
	margin-top: 3px;
	margin-left: 5px;
}
#content-sidebar.fixed {
  position: relative;
}

#content-sidebar.std {
	top:0;
    	margin: 10px;
    	width: 100%!important;
    	display:block!important;
    	background: transparent!important;
  }

#content-sidebar ul {
	display:inline-block;
	width: auto;
	float:left;
	border:0!important;
   	background: #fff;
min-height: 20px;
}
#content-sidebar ul li{
	width:auto;
	display:inline;
	border:0;
	border-right: solid 1px #333;
	padding:0; margin:0;
 	background: #fff;
}

#content-sidebar ul a
{
  display: inline;
  width: auto!important;
  height: 100%;
  color: #333;
	padding: 0px 5px 0px 0px;
  text-decoration-color: currentcolor;
  text-decoration-line: none;
  text-decoration-style: solid;
   
}
  
  
#users #content-users {
   width:100%;
  padding-right: 0;
  margin-left: 0;
}
  
#users #content-container {
padding-top: 50px;
  }

div.teaser-ov {
  position: relative;
  top: -0;
  font-size: 80%;
  }
  
.find-notice {
display:none;
    }  

#content-sidebar li.active {
border:0!important;
  border-right: solid 1px #333!important;
  }

  #content-sidebar ul ~ ul,
#content-sidebar ul#nachoben,
#content-sidebar p, #content-sidebar div{
  display:none;
}
  #content-sidebar ul ~ ul{
    padding-top: 8px;
    }

  #home #content-sidebar ul ~ ul{
    display:inline-block;
  }
  
.content-statements{
  width: 90%;
    margin-left: 10%;
  }


#statements #content-container {
  width: 95%!important;
  margin:0;
  padding-right:0;
}

#statements .content-statements{
  width: auto;
  margin-left:0;
  padding-left:0;
  margin-top: 0;
}

#statements .content-statements ul li{
  clear:both;
  display:block;
  width: auto;
}

#statements .statement-comments{
  width:auto;
}

#statements .content-statements{
  width:auto;
}
#statements div.pagination-container {
  position:relative; top:0;
 padding-bottom:0;
 
}

#statements  #statement-poster {
margin-left: 0;
  margin-top: 70px;
}
  
 
  #statements #content-sidebar form {
  display:none;
  }
  
#statements #content-container p.months {
  position:relative;
  left: 0;
  width:100%!important;
margin-top:30px;
  margin-bottom:20px;
  display:block;
  line-height: 1em;
  }
  #statements #content-container p.months + p {
   position:relative;
  left: 0;
  }
#welcome .content-statements{
  width: auto;
    margin-left: 0;
 
  }
#welcome ul li div.statement-container{
display:block;
  width: auto;
  margin-left:-15px;
}


#welcome ul li div.user-timeline-reg-img{
  clear:both;
margin-left:0;
  display:block;
  
}
#welcome ul li div.user-timeline-reg{
  clear:both;
margin-left:0;
  display:block;
  width: 100%; 
}
#welcome .statement-container {
 clear:both;
  height: auto;
 display:block;
width: auto;
}

div#event-list, div#event {
 float:left;
  margin-left: 0;
  width: 100%;
  margin-top:40px;
}

#events div#event img {
  max-width: 100%;
  height: auto;
}

#events div#event-calendar {
 float:left;
  margin-left: 0;
  width: 100%;
  margin-top: 40px;
}


#content-users {
   width:100%;
  padding-right: 0;
  margin-left: 0;
}
div#register-button {
margin:35px;
margin-top: 200px; 
}


ul#discussion-threads li div.head div.entries-count,
ul#discussion-threads li div.head div.date{
display:none;
}

ul#discussion-threads li div.head div.author {
  clear:both;
width: auto;
  display:block;
}
ul#discussion-threads li div.head div.title{
  width: 97%;
}


#rosenstein #content div.image-container-float-r {
  clear:both; 
  display:block;
  width: 100%!important;
}
#rosenstein #content div.image-container-float-r img{
  width: 100%!important;
  height: auto;
}
  
/*------LOGIN BEREICH------  */
  

#messages ul.threads-listing{
margin-top: 2em;
padding-left:0;
width: auto!important;
  }
#messages #content-sidebar ul{
    display: block;
 min-height: 1em; 
width: auto!important;
  }
#messages #content-sidebar ul li{
width: auto!important;
  }
  #messages .pagination {
padding:0; margin:0;
  padding-top: 1.5em;
height: 2em;
  }
#messages ul.threads-listing li div.body-container {
width: auto!important;
  padding:0!important;
  margin:0!important;
}
  
  
#messages ul.thread-listing img {

}
#messages ul.thread-listing li div.body-container.correspondent {
  clear:both;
margin-left: 0;
  width:100%!important;
  float:left;
}
  #messages ul.thread-listing i {
clear:both;
margin-left: 0;
    display:inline-block;
    width: 100%!important;
    
  }

  #messages ul.threads-listing {
  padding-top: 30px;
  padding-left: 0!important;
  
  width: auto;
 
}
 
#home #content-container,
#messages #content-container{
    margin-top: 100px;
    margin-left: 5px;
   
  }
  #content-container form.edit_statement{
  padding-left: 5px!important;
  padding-top: 0;
  margin-left:5px;
  }  
  
#content-container b{
  display:block;
  padding-left: 5px!important;
  margin-top: 70px;
  margin-left:5px;
  }  
  
  
#content-container .info b {
    display: block;
    padding-left: 0 !important;
    margin-top: 1em;
    margin-left: 0;
}
  
 #content-container .pagination {
    min-height: 70px;
   display:block;
  }

div#content-statements + .pagination-container {
    display:none; 
  }


}
/*---------------- alles kleiner als Desktop 480px------  */

@media screen and (max-width:480px){
  
 #statements #content-container {
    margin-top: 20px;
  }
  
#content ul li .statement-container {
 	width: 100%!important;
 	margin:0;
 	margin-top: 10px;
	margin-bottom: 10px;
	padding:0;
}

  

#users #content-container {
padding-top: 80px;
  }
  
#home p #user_level{
width: 50%!important;
  display:inline;
}

div#logo img{
    margin-left: 15px;
  max-width: 340px;
  }

#content-overview-left, #content-overview-middle, #content-overview-right{
width: 31%;
}

#content-overview {
  max-height: 0px;
}
#rosenstein .image-container-float-r {
  width: auto!important;
    display:block;
float:left;
    margin:0;
  }
  
#rosenstein div.infobox {
    clear:both;
  max-width: 100%;
    display:block!important;
    }
  
 #sessions .fieldset {
    width: 100%;
    margin-top:0;
  }
  #sessions input#username, #sessions input#password {
width: 100%;
min-width: 0;
display:block!important;   
}  
  
#content-sidebar .admin {
  display:none;
  } 
  

  
}
/*---------------- alles kleiner als Desktop 420px------  */

@media screen and (max-width:420px){
div#logo img{
    margin-top: 10px;
    margin-left: 15px;
  max-width: 280px;
  }
  
  
div#register-button {
    margin-top:100px;
  }
  
#discussion_threads ul#discussion-thread-entries li{

     width: auto!important;

  }
  
#discussion_threads ul#discussion-thread-entries li div.entry div.body {
width: 100%!important;
display:block!important;
}

#discussion_threads ul#discussion-thread-entries li div.entry div.head{
 font-size: 70%;
width: 100%!important;
display: block;
float: left;
margin-bottom: 15px;
}
  


}


@media screen and (max-width:380px){
div#logo img{
    margin-top: 14px;
    margin-left: 15px;
  max-width: 220px;
  }
}