body{
  background-color:#FFF;
}
body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#container2{
  max-width:1150px;
  width:100%;
  overflow:hidden; 
  position:relative;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0%) 
}
svg{/*IE fix*/
  width:100%;
  padding-bottom: 80%;
  height: 1px;
  overflow:visible;
}
.sky{
fill:#437ccc;
}

.cloud1, .cloud2, .cloud3{
  fill: #ecf0f1;
  opacity: 0.9;
}

.glass1, .glass2, .glass3{
  fill: #3498db;
  opacity: 0.4;
}

.frame1, .frame2, .frame3{
  fill: #34495e;
}

.hills{
  fill:#5dba5d;
}

.road{
  fill:#ecf0f1;
}

.body{
  fill:#ecf0f1;
}

.socket{
  fill: #7f8c8d;
}

.roofdoor{
  fill:#34495e;
}

.wings{
  fill:#f1c40f;
}

.cow-dark{
  fill:#34495e;
}

.cow-light{
  fill:#ecf0f1;
}

.cow-eye{
  stroke:#34495e;
  fill:none;
}