body { 
margin:0px;
padding:0px;
background-color: white;
}

.pagina {
position:absolute;
width:1200px;
margin-left:-600px;
left:50%;
}

.logo{
  margin-top: 10px;
}

.logo ul li{
  list-style: none; 
  display: inline;
}

.contact{
  float: right;
  font-size: 30px;
  margin-top: 20px;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
} 
 
 .pg{
   font-size: 30px;
   margin-left: 45px;
   font-color: black;
 }
 #all img{
  margin-top: 30px;
 }
 .utilaje{
  width: 100%;
  background-color: gray;
  height: 70px;
  margin-top: -20px;
 }
 .utilaje p{
  font-size: 35px;
  text-align: center;
  margin-top: 15px;
 }
 .titlul{
  margin-top: 10px;
  text-align: center;
  font-size: 25px;
 }
 .titlul{
  margin-top: 10px;
  text-align: center;
 }
 h1{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
 }
 .subtitlu{
  height: 5px;
  background-color: #f7c51e;
  margin-top: 20px;
 }
p #descriere{
  margin-top: 30px;
 }
 .sb{
  text-align: center;
 font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 40px;
  color: black;
  margin-top: 40px;
  margin-bottom:  -10px;
}

#poze img{
height: 190px;
}
#utilaj img{
   height: 190px;
}
h5{
  text-align: center;
  margin-top: 40px;
  margin-bottom: -10px;
}
h6{
  margin-top: 20px;
  text-align: center;
}
#macara img{
  height: 270px;
}
#macara2{
  margin-top: 15px;
  margin-bottom: 15px;
}
#macara2 img{
   height: 270px;
}
#imagini img{
  height: 190px;
}
a{text-decoration: none;}
@media (max-width: 768px){
.pagina{
  width: 100%;
  position:absolute;
  margin-left:0px;
  left:0%;
}
#all img{
  height: 200px;}
.contact{
 float: right;
  font-size: 30px;
  margin-top: 20px;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
}
#non img{
  display: none;
}
#macara2{
  margin-top: 50px;
  margin-bottom: 50px;
}
#poze img{
height: 270px;
}
#utilaj img{
   height: 270px;
}
#imagini img{
  height: 270px;
}
}