body {background:  #35a04d;}

/*--------------------[ MAIN ]------------------*/
.main {background: url(/images/earlylms/product.png) no-repeat; background-size: cover; max-width:100%; height:700px;  background-position: center 120px;margin-top:150px;}
.main_top h2{margin:100px 0 50px 0; color:#fff;}
.container {width:900px; position: absolute; left:50%; transform: translate(-50%); text-align: center;}
.container h3 {color:#fff; margin-bottom: 20px; font-weight: 400;}
.container p {color:#fff; margin-bottom: 40px; font-weight: 300;}
.container .button {background: #fff; font-size: 1em;  height:40px; width:300px;border: none;box-shadow: 0 5px 10px 0 rgba(46, 137, 66, 0.51);border-radius: 50px;font-size: 1.2em;text-align: center;cursor: pointer;letter-spacing: 1px;left: 50%;transform: translate(-50%);position: absolute;padding-top: 10px;}

/*--------------------[ MEDIA QUERY ]------------------*/

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 
    .container {width:360px;}
}

@media only screen and (min-device-width : 667px) and (max-device-height : 414px)  {
    .container {width:650px;}
}