.div{
    
}

body{
background: #fff;
}
 html, body {
      height: 100%;
}
 .wrapper {
      min-height: 100%;
      
    }
.my_head {   
    height: 100%;
    width: 100%;
    padding: 2px;
    align-content: center;
    background-image:url('../img/fon.jpg'); 
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
}
.my_head2 {    
    display: table;
    align-content: center;
    vertical-align:middle;
    height: 100%;     
}
.my_head_logo {
    
    display: table;
    height: 100%;
    background-image:url('../img/fon1.jpg'); 
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;    
}
.my_head_contact {
    
    display: table;
    height: 100%;    
    padding: 5px;
    align-content: center;
    vertical-align:middle;
    background-image:url('../img/fon2.jpg'); 
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;    
}

.my_podval{     
     
}
.my_img {
    display: table-cell;
    vertical-align: middle;    
    text-align:center;
}



.product{
    display: block;
	border: 1px solid green;
	width: 150px;
    height: 150px;
	padding: 2px;
	background-color: white;
	border-radius: 10px; 
	-o-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.my_contact{
    display: table-cell;
    height: 50%;
    width:50%;
    padding-top: 2%;
    vertical-align:middle;    
    text-align:center;
    background-color: #fff;
    border-radius:5px; 
    
}
.my_empty{
    display: table-cell;
    height: 50%;
    width: 100%; 
    padding-top: 2%;
    vertical-align:middle;    
    text-align:center;    
}
.zvonite {
	color: black;	 
	font-size: 18px;
    margin-right: 2px; 
	padding: 9px; 
	text-align: center; 
	position: fixed; 
    right: 1px;
	border: 1px solid #999;
	background: url('../img/zvonite.jpg'); 	
	background-size: 90% 90%;
	border-radius: 10px; 
	-o-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}
#mail_skype{
	font-size: 17px; 
	margin: 2 0 2 0px;
}
.zvonite_black {
	display: block;
	border: 1px solid green;
	width: 170px;
	padding: 2px;
	background-color: white;
	border-radius: 10px; 
	-o-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

.block { 
    display: inline-block;
    width: 170px;
    height: 200px;
    margin:15px;
    text-align: center;
    border: 1px solid #999;    
}

.content_conteiner{
    /*display: flex;
    flex-wrap: wrap;*/
    /*align-content:flex-start;*/
    padding: 5px;
    text-align: center;
}