body {
  background-image:url(images/mathiasnew.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
  

.center{
  margin:auto;
  height:100%;
  width:50%;
}

.center img{
	vertical-align:middle;
	text-align:center;
}

.socilmm{margin:auto; width:100%; height:auto; text-align:center;}
.imagtop{ margin-top:15%;}



@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and
(max-device-width: 1024px) and (orientation : landscape) {
}

@media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {
}
 
@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and
(max-device-width: 640px) and (orientation : landscape) {
.center{
  margin:auto;
  height:100%;
  width:100%;
}
.imagtop{ margin-top:50%;}

}

@media screen and (max-width: 360px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {
	.center{
  margin:auto;
  height:100%;
  width:100%;
}
.imagtop{ margin-top:50%;}

}
 
@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {
	.center{
  margin:auto;
  height:100%;
  width:100%;
}
.imagtop{ margin-top:50%;}

}
 
@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and
(max-device-width: 480px) and (orientation : landscape) {
}
 
@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {
}