#headerImg {
  float:right;
  margin-top: 50px;
}


.smallImg{max-width: 100%;
  height: auto;

}
.leftImg {
	max-width: 100%;
	height: auto;
   float:left; 
   margin:10px 15px 15px 0; 
   margin-bottom: 10px;
}

.rightImg {
  max-width: 100%;
  height: auto;
  float:right; 
  margin: 10px 0 15px 15px;
  }

#leftImg1 {
	max-width: 100%;
	height: auto;
   border: 2px solid Gray;
   float:left;
   padding: 2px;
   margin: 10px 15px 15px 0;
}

#rightImg1 {
   max-width: 100%;
	height: auto;
	border: 2px solid Gray;
   float:right;
   padding: 2px;
   margin: 10px 0 15px 15px;
}

.str_img {
  max-width: 100%;
  height: auto;
}

.logo {
width:15px;height:15px;
margin-right:5px;
}
 	 
@media only screen and (max-width: 400px) {
  .smallImg {width: calc(100%); margin-bottom: 10px; margin-top:15px;}
  #smallImg1 {width: calc(100%);border: 2px solid Gray;  padding: 2px; margin-bottom: 10px; margin-top:15px;}
  .rightImg {display: none;} 
  .leftImg {display: none;}
  .str_img {display: none;}  
  #leftImg {display: none;}
  #rightImg1 {display: none;}
  }

@media only screen and (min-width: 401px) {
  .smallImg {display: none;}
  #smallImg1 {display: none;}
 }

/*#leftImg {
float:left;
padding: 15px 5px 15px 5px;
margin-right: 15px;
}
#rightImg {
max-width: 100%;
height: auto;
float:right;
padding: 15px 0px 15px 0px;
margin-left: 10px;
}  */