body {
  background-color: #D3D9DE;
  /*background:linear-gradient(to bottom,rgba(211, 217, 222,1),rgba(255,69,193,1));*/
  /*background-color:#ff45c1;*/
  color: #8c8c8c;
  margin: 0px;
  
  font-family: 'Fira Sans', sans-serif;
 }
 
.container {
	min-width:300px;
	background-color:#fff;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	font-size: 1em;
	color:#3d3d3d;
	padding:20px;
	border-radius:30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
img#logo{
	width:200px;
}
h1{
    font-size:1.2em;
    line-height:1.1em;
}
p{
    margin:0.75em 0;
}
.service{
    background:#ff1493;
    color:#fff;
}
@media only screen and (min-width : 768px) {
    .container {
	font-size: 1.2em;
    }
}

@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
}