body
{
	background-image: url("mobile-2.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

#pause {
    display: none;
}

#play
{
    display: block;
    margin: auto;
}

#pause
{	
    margin: auto;
}

#audio
{
	display:none;
}

#bottompics
{
	position: absolute;
    left: 0;
    bottom: 0;
	position: absolute;
    right: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.54);
}


#audioControl img {
	position: absolute;   
    min-width: 1%;
    min-height: 19%;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
}

@media only screen and (max-width: 520px)
    {
#audioControl img {
	position: absolute;   
    min-width: 19%;
    min-height: 19%;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
}
}



@media only screen and (max-width: 900px)
    {
#contactb
{
	width: 25%;
}
}


@media only screen and (max-width: 960px)
    {
#desktopb
{
	width: 25%;
}
}