/*Extra small devices (phones, 600px and down)*/
@media only screen and (max-width: 600px) {
 
body {display: flex;
      width: 360px;               /*612px is the current setting*/
      height: auto;               /*1080px is the current setting*/  /*360px x 800px screen width for Galaxy 20+*/       
	/*border: 2px solid red;*/
	  overflow: hidden;
	/*overflow-x: hidden;*/
	 }
	 
 html {overflow-x: hidden;
       }
 
header{position: relative;
	   display: flex;
       width: 750px;
	   height: 75px;
        }
		
.item1 { position: absolute;
         display: flex;
         width: 350px;
		 height: auto;
		 margin-left: -5px;
		 margin-right: auto;
	     grid-column-start: 1 ;
         grid-column-end: 13;
         background-image: url('../images/Header_Background.jpg');
	   /*border: 1px solid red;*/
		 
	   }

.item2{
	   display: flex;
       width: 350px;
	   height: 85px;
	   margin: 85px 10px 5px -25px;
	   padding: 0px 10px 10px 10px;
	   
	   grid-column-start: 1 ;
       grid-column-end: 13;
	 /*border: 2px solid blue;*/
  
  }
.item3{display: flex;
	   grid-column-start: 1;
       grid-column-end: 13;
	   width: 315px;
	   height: 450px;
	   margin: 35px 5px 0px 22px;
	   padding: 5px 5px 5px 50px;
	 /*border: 2px solid blue;*/
	  }
.item4{display: none;
	   grid-column-start:1 ;
       grid-column-end: 4;
       background-color: #F5F5F5; /*HTML Smoke White*/
       margin-left: 50px;
      }
.item5{display: flex;
       width: 340px;
	   height: auto;
	   margin: 400px 0px 0px -5px;
	   grid-column-start:4 ;
       grid-column-end: 13;
	   padding-bottom: 0px;
      }
.item6{
	   display: flex;
	   width: 350px;
	   height: 100px;
	   margin: 100px 25px 10px -5px;
	   grid-column-start:1 ;
       grid-column-end: 13 ;
       text-align: center;
       padding: 2px 2px 2px 2px;
	   margin-top: 5px;
       padding-top: 15px;
       background-color:  #c7b8b8;
	 /*border: 2px solid red;*/
     /*margin-left: 50px;*/
      }
 
 nav {
      position: absolute;
      width: 348px;
      height: 95px;
	  margin: 10px 10px 25px 20px;
    /*border: 2px solid red;*/
	  margin-top: 10px;
      padding-bottom: 15px;
                         
               }

.dropbtn {background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(97,186,255,1) 0%, rgba(166,239,253,1) 90.1% );
          color: black;
		  border-radius: 5px;
		  }		   

h1.company_name1 {
	            position: absolute;
				float: left;
				margin-top: 5px;
				margin-left: 0px;
				line-height: .05px;
				font-size: 9px;
				color: white;
				font-family: 'Roboto Slab', serif;
				font-weight: 400;
                font-style: normal;
			   }
			   
h1.company_name1::first-letter{font-size: 20px;
                               color: white;
                               font-family: 'Roboto Slab', serif;
                               font-weight: 700;
                               font-style: normal;}

 h1.company_name2 {position:absolute;
                   float: left;
		           line-height: 0px;
				   margin-top: 30px;
                   margin-left: -24px;
				   text-indent: 25px;
				   font-size: 9px;
				   color: white;
				   font-family: 'Roboto Slab', serif;
				   font-weight: 400;
                   font-style: normal;
				   }

h1.info {display: flex;
	     position: absolute;
         width: auto;
         float: right;
	     margin-top: 10px;
	     margin-right: auto;
         margin-left: 210px;
         margin-bottom: 0px;
	     font-size: 9px;
		 color: white;
	     font-family: 'Roboto Slab', serif;
         font-weight: 100;
	     font-style: normal;
       /*border: 5px dashed yellow*/
        }
	  
img.images {display: none;
	        width: 100px;
            height: 200px;
			border: 2px solid red;}

.images{display: block;
	    position: relative;
	    width: 340px;
	    height: 425px;
	    margin-top: 5px;
        margin-bottom: 10px;
	    margin-left: -20px;
		padding-top: 5px;
		margin-right:auto;
	    padding-left: 12px;
		padding-bottom: 5px;
	  /*border: 2px solid green;*/
        }
		
.home_images{display: flex;
             margin-top: 5px;
             padding-left:10px;
			/* border: 2px solid red;*/
			 width: 90px;
			 height: 135px;
			 float: left;
			  }
			   
/*.nav {display:none;}*/
aside {display: none;}

main {
	  display: block;
      margin-left: -364px;
	  margin-top:-10px;
      width: 350px;
	  height: auto;
      background-color: #F5F5F5; /*HTML Smoke White*/
   /* border: 2px solid red;*/
	  }
	  
main h3{text-align: left;
        margin-left: 50px;
		font-family:'Ephesis', cursive,'Roboto Slab', serif,'Yellowtail', cursive;
		font-size: 20px;
		font-weight: 400;
		color: #000099;
	   }
	   
main p {display:block;
        color: black;
		font-size: 12px;
		margin-right: 45px;
        margin-left: 50px;
		margin-top: -10px;
		text-align: left;
		text-indent: 25px;
	    font-family:'Josefin Slab', serif,'Roboto Slab';
	    font-weight: 300;
        word-wrap: normal;
		padding-bottom: 0px;
	  /*border: 2px solid black;*/
	   }
	   
.last_paragraph{width: 66%;
                clear: both;
                margin-left: 50px;}
			   
p.name { width: 316px;
         height: 20px;
		 clear: both;
		 margin-top: -25px;
         margin-left: 0;
		 padding: 10px 5px 10px 5px;
         font-size: 12px;
	   /*border: 2px solid blue;*/
         }
p.address {width: 316px;
          height: 20px;
		  clear: both;
		  margin-top: -5px;
          margin-left: 0;
		  padding: 10px 5px 10px 5px;
          font-size: 12px;
		/*border: 2px solid blue;*/		 
          }
			

			
  /*************************************************************************************************/
  /*Contact Us for Mobile Phones with screen widths 600px and down*/
  
form{margin-left: 10px;} 

h2.contact {font-size: 22px;
            clear: both;
			margin-top: 50px;
			margin-left: 15px;}
 
.message {display: block;
          position: relative;
		  width: 315px;
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
		  margin: 0px 5px 0px 5px;
         }
		   
p.message {text-indent: 0px;
		  }
		  
.fieldset1 {display: inline-block;
            height: 600px;
			margin-right: -25px;
           }
 
.personal_info { position: relative;
	             display: inline;;
	             width: 25px;
				 clear: both;
				 margin-top: 20px;}

.first1{display: inline-block;
        margin-left: 10px;
        margin-right: 35px;}

.first{ display: inline-block;
        width: auto;
        height: auto;
		clear: both;
		margin-right: auto;
		margin-left: -20px;
		font-size: 12px;
		text-align: left;
		padding: 15px 5px;
		
	  }
	  
label {font-size: 12px;}
input.input1{display: inline-block;
	         width: 100px;
             font-size: 12px;
			 padding: 2px 2px 2px 2px;
			 }
			 
.last1 {margin-left: 10px;
	    display: inline-block;
		
		}
	  
.last{ 
       width: auto;
       height: auto;
	   text-align: center;
	   font-size: 12px;
	   margin-left: 20px;
	   margin-right: auto;
	   margin-top: 25px;
	   text-align:left;
	   padding: 15px 5px;
	  }
	  
.name {display: inline-block;}

.address1{display: block;
          width: 225px;
		  height: 85px;
          margin: 10px 0px 0px 10px;
		  padding: 5px 0px;
		 }

.address{width: 550px;
         height: 25px;
         margin-left:0px;
	     margin-top: 25px;
	     font-size: 12px;
         /*border: 2px solid black;*/
	     text-align:left;
		 padding: 15px 5px;
        }
		
input.input2{width: 200px;
             font-size: 12px;
			 padding:2px 2px 2px 2px;
			 margin-top: 10px;
			 }
			  
.city1 {display: inline-block;
        width: auto;
        height: auto;
		clear: both;
		margin: -125px 25px 5px 10px;}			  
		
.city {position: relative;
	   margin-left: 0px;
       font-size: 12px;
	/* border: 2px solid black;*/
	   padding: 10px 5px;
	   text-align: left;
	   margin-top: 0px;
	   margin-bottom: 0px;
       }
	  
.state1{display: inline-block;
        margin-left: 25px;
       }	  

.state {display: inline;
        position: absolute;
        text-align: left;
        font-size: 12px;
        margin-left: -6px;
		margin-top: 10px;
		margin-bottom: 20px;
	 /* border: 2px solid black;*/
		padding: 5px 10px;
        }
		
input.input5 {display: inline;
              width: 50px;
	          margin-top: -30px;
			  margin-left: 5px;
			  }
			  
.zipcode1 {margin-top: 25px;
           margin-left: 0px;}

.zipcode {position: relative;
	      display: block;
		  font-size: 12px;
		  margin-left: 10px;
		  margin-top: 0px;
		  margin-bottom: -30px;
		  }
				 
input.input3 {width: 25px;
              font-size: 12px;
			  padding: 2px 2px 2px 2px;
			 }
			  
.phone1 {margin-left: 10px;}			  
				 
.phone {width: 250px; 
        position: relative;
       /* border: 2px solid black;*/ 
		font-size: 12px; 
		text-align: left;
		clear: both;
		margin-left: 0px;
		padding: 5px 5px;
		}
		
.email1 {margin-left: 0px;}
		
.email {font-size: 12px;
        clear:both;
		margin-left: 12px;
		}
		

		
input.input4 {width: 165px;
              font-size: 12px;
			  clear: both;
			  padding: 2px 2px 2px 2px;
			  margin-left: 10px;
			  margin-top: 10px;
			 }
		
.recommend {text-align: left;
            font-size: 20px;
			margin-top: 10px;
			margin-left: 10px;
			padding: 10px 10px;
			}
			
.description {font-size: 12px;
              text-align: left;
              margin-top: 10px;
			  margin-left: 15px;}
			  
label.description {display:block;
				   margin-left: 0px;
	               margin-right: 90px;
				   margin-bottom: -15px;
                   width: 325px;
				   text-align: left;
				  }
			  
textarea.description {width:300px;
					  margin-left: 0px;
					  }
					  
input.submit1{display: inline;}					  
			  
.submit {width: 500px;
	     text-align: left;
         margin-top: 10px;
		 margin-left: 25px;
		 }
	

label {text-align: left;
       margin-bottom: -30px;
      }
	
input {font-size: 15px;
      }
	  
option{font-size: 15px;
      }
	  
textarea {text-align: left;
          width: 500px;
          height: 250px;
		  font-size: 15px;
		  }	
}