/* CSS Document */


<br><a href="https://homeguide.com/ca/san-jose/bathroom-remodeling/" target="_blank">
<img src="//cdn.homeguide.com/assets/images/tmp/homeguide-2019.png" width="150"></a><br>


#logobottom{background:#5e708e;
  text-align: center;

     display: -webkit-flex; /* Safari */
          
-webkit-justify-content: center; /* Safari */
             justify-content: center;
     display: flex;           /* establish flex container */
    flex-direction: column;  /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center;     /* center items horizontally, in this case */

}

#logobottom img{height:50px;
    width:286px;
  margin-top:20px;
  margin-left: 30px;
}

#logobottom p {
  color:black;
  padding-bottom: 20px;
}

#info{

background:#5e708e;
color:white;
font-size: 12px;
}
.container1{width:100%;

display: -webkit-flex; /* Safari */
           display: flex; 	           
-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;


 -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;

}

.soci{

margin-left:5px;
margin-right:5px;
text-align:center;

height:90px;	


display: -webkit-flex; /* Safari */
           display: flex; 	           
justify-content: center; 
-webkit-justify-content: center; /* Safari */
-webkit- align-items: center;
align-items: center;
  flex-direction:column; 
-webkit-flex-direction:column; 
}



footer{text-align:center;

background:black;
	
display: -webkit-flex; /* Safari */
           display: flex; 	           
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-webkit-justify-content: center; /* Safari */
             justify-content: center;
padding-top:20px;
padding-bottom:50px;
}

.scrollup {
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    text-indent: -9999px;
     background-image: url("images1/upupmu.svg" );
     
 background-repeat: no-repeat;
      z-index: 99; 
}

.scrollup img{
  height: auto;
  max-width: 50px;
   
}

.scrollup:hover{

background-image: url("images1/upupmd.svg");
-webkit-transition-property: width, height; /* Safari */
    -webkit-transition-duration: 3s; /* Safari */
    transition-property: width, height;
    transition-duration: 3s; 
}





.social{
color:steelblue;
width:100%;
display: -webkit-flex; /* Safari */
           display: flex; 	
-webkit-align-items: center;
align-items: center;

-webkit-justify-content: center; /* Safari */
             justify-content: center;
}
	
.copy{

margin-top:20px;
width:100%;

Color:steelblue;
text-align:center;
}	

.developed{
margin-top:8px;

font-size:11px;
Color:steelblue;
text-align:center;
}	


@media (min-width:320px){
.soci{
width:100%;
}



}

@media (min-width:680px){
.soci{
width:40%;
}

.scrollup {
    width: 70px;
    height: 70px;
   background-image: url("images1/upupg.svg");
    bottom: 20px;
    right: 30px;
    display: none;
}


.scrollup:hover{

background-image: url("images1/upupgd.svg");
-webkit-transition-property: width, height; /* Safari */
    -webkit-transition-duration: 3s; /* Safari */
    transition-property: width, height;
    transition-duration: 3s; 
}


}

@media (min-width:1020px){
.soci{
width:18%;
}


}