body{ background:url(bg.png) center top no-repeat fixed; background-size:cover; margin:0; font-family: 'Poppins', sans-serif;}

h1{ color:#fff; text-align:center; margin:3% 0 0 0; font-weight:400; font-size:45px;}
p{ text-align:center; color:#FFF;  margin:0 0 8% 0; font-size:16px; letter-spacing:1px; }

.img{ width:100%; text-align:center;}
.img img{ margin:0 7%;}

.social{ width:100%; margin:9% auto 1% auto; text-align:center;}
.social img{ margin:0 1%; padding:10px;border-radius:5px; transition:0.3s;}
.social img:hover{ background:#555; transition:0.3s; padding:10px; border-radius:5px; }

.text{ width:100%; text-align:center; margin:0% 0 3% 0; color:#FFF; font-size:25px;}
.text2{ width:100%; text-align:center; margin:5% 0 0% 0; color:#FFF; font-size:14px; line-height:24px;}

@media screen and (max-width: 600px) { 
body{ background:url(bg-m.jpg) center top no-repeat; background-size:cover;}
p{ text-align:center; color:#FFF; margin:0 0 13% 0; font-size:16px; letter-spacing:1px; }
h1{ font-size:9vw; margin: 10% 0 1% 0; font-weight: 500;}
p{font-size:3.7vw; }
.img img { margin:18% auto; display: block;}
.social { margin:20% auto; text-align: center;}
.social img{ width:20px;}
.text { font-size: 4.5vw;font-weight: 500; margin:10% 0; }
.text2 {font-size: 3.9vw; line-height: 24px; margin: 15% 0;}
.mb{ height:700px; overflow:scroll;}

}