body {
	background-color: #FFFAF6;
	font-family: Arial;
}

.container {
	margin: auto;
	width: 100%;
	text-align: center;
}

.space {
	height: 30px;
}

.space15 {
	height: 15px;
}

.verticalspace {
	width: 80px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {  

   .machine {
	   width: 550px;
	   height: 205px;
   }	   

  }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {  

   .machine {
	   width: 550px;
	   height: 205px;
   }   

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {  

   .machine {
	   width: 718px;
	   height: 267px;
   }   

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {  

   .machine {
	   width: 942px;
	   height: 351px;
   }   

}      

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

   .machine {
	   width: 1150px;
	   height: 428px;
   } 

}

/* According to Mobile Orientation */
@media only screen and (orientation: landscape) {   

   /* Your CSS Code for this device orientation */    

}