@charset "utf-8";
/* CSS Document */

@media(max-width:768px){
.logo {display:none} h1 {display:none} #container{width: 100%}  body {width: 90%} #content{display:none} .subhead{display:none} .content2{display:none} .content3{display:none} .rightcolumn{display:none} #footer{width: 100%} .bottomnav{width: 100%} 
}

@media screen and (min-width: 769px){
.logo-mobile {display:none}  
} 

@media(max-width:768px){


}
@media only screen and (max-width: 768px) {
.multi_drop_nav {position: relative; display: flex;    flex-direction: column;    text-align: center; padding: 0, 10px, 100px, 0; }
.multi_drop_nav li {
  border: 1px solid #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;http://www.moldremovalwaterdamagecleaningchicago.com/cleaning.html
  margin: 0px 0px 10px 0;
}

}


@media only screen and (max-width: 768px) {
.logo {display:none} h1 {display:none} #container{width: 100%}  body {width: 90%} #content{display:none} .subhead{display:none} .content2{display:none} .content3{display:none} .rightcolumn{display:none} #footer{width: 100%} .bottomnav{width: 100%}

img {
  width: auto ;
  max-width: 80% ;
  height: auto ;
}
Body {
	background-image: none;
}

}
@media screen and (min-width: 769px){
h2 {display:none} 
.logo-mobile {display:none}  
}
/*
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="sidebarmenu"] {
    width: 100%;
}
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    id="container" {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
#logo{margin:0px 0 0px 0px; padding:0px 0 0px 0px; clear:both; justify-content: center; align-items: center; }
#phone{float:left; clear:both; margin:-30px 0 0px 40px; justify-content: center;}

}

/*
@media only screen and (max-width: 768px) {
.wrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
  align-items: center;
}
}
  /*justify-content: center;
  flex-wrap: wrap;
  flex-direction: column-reverse;  /* <--- Really freaking cool! */
 /* align-items: center;
  display: flex;
  justify-content: flex-start;
}
/*#phone{ float: right;
font-weight: bold;
font-size: 30px;
margin: -10px 0 0 0;
}
#logo { border-bottom: 3px solid #0000ff;
padding-bottom: 5px;
margin: -10px 0 0 0;
}*/
/*@media (max-width: 768px) {
  .wrap {
	  display: flex;
	flex-direction: column;
  align-items: center;
    flex-direction: column-reverse;
  }
 /* #phone,
  #logo {
    width: auto;
  }
}
/*
.wrap {
  display: flex;
}

.one {
  width: 30%;
  border: 1px solid green;
}

.two {
  width: 70%;
  border: 1px solid blue;
}