#wrap {
background-color: #b5e0f2;
background-image: url("../img/bg.jpg");
  background-repeat: no-repeat;
  background-position: top;
}
.wrapper{;
  width: 750px;
  margin: 0 auto;
  text-align: center;
}
.m_t{
		margin-top: 1.5em;
    }


/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 2s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
	
/* ---------------- For Animation on Scroll ---------------- */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

@media screen and (max-width: 600px){
    .m_t{
		margin-top: 2.5em;
    }
    .m_t1{
		margin-top: 0.5em;
    }
	#wrap {
        background-color: #b5e0f2;
        background-image: url("../img/bg-1.jpg");
        background-repeat: no-repeat;
        background-position: top;
    }
    .wrapper{;
        width: 750px;
        margin: 0 auto;
        text-align: center;
    }
}