/**
 * @license
 * MyFonts Webfont Build ID 3448863, 2017-09-08T04:33:10-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HVDComicSerifPro by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/hvd-comic-serif-pro/regular/
 * Copyright: Copyright (c) 2008 by Hannes von Dšhren. All rights reserved.
 * Licensed pageviews: Unlimited
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3448863
 * 
 * © 2017 MyFonts Inc
*/
  
@font-face {
  font-family: HVD;
  src: url(HVD_Comic_Serif_Pro.otf);
}


/* SINGERS TOP100 */

.singers{
    position: absolute;    
    left: 135px;
    top: 1%;
    right: 1%;
    bottom: 1%;
    z-index: 100;   
}
.singerstop100sira{
    position: absolute;
    font-family: 'HVD';     
	font-weight: normal;
	font-style: normal;
    font-size: 32px;
    top: -8px;
    left: 10%;  
    color: #eee;
}
.singerstop100sira100{
    position: absolute; 
    font-family:'HVD'; 
    font-weight: normal;
	font-style: normal; 
    font-size: 32px;
    top: -8px; 
    left: 8%; 
    color: #eee;
}
.singerspuan{
    position: absolute;
    font-family: 'HVD';   
	font-weight: normal;
	font-style: normal;
    font-size: 32px;
    bottom: -8px;
    left: 8%; 
    color: #88AC9F;
}
 .grid li img {
	outline: none;
	border: none;
	display: block;
	width: 100%;
    max-width: 560px;
    }
/* @MEDIA SCREEN */

@media screen and (max-width: 560px) {
    .singers{
        top:2px; 
        left: 25%;
        top: 2%;
        right: 2%;
        bottom: 2%;    
    }
 
    .singerstop100sira{
        font-size: 28px;
        top: -8px;
        left: 10%;  
    }
    .singerstop100sira100{
        font-size: 28px;
        top: -8px; 
        left: 8%; 
    }
    .singerspuan{
        font-size: 28px;
        top: 60%;
        left: 8%; 
    }	

}

@media screen and (max-width: 360px) {
    .singers{
        top:2px; 
        left: 25%;
        top: 2%;
        right: 2%;
        bottom: 2%;    
    }
    .singerstop100sira{
        font-size: 20px;
        top: 5px;
        left: 10%;  
    }
    .singerstop100sira100{
        font-size: 20px;
        left: 8%; 
    }
    .singerspuan{
        font-size: 20px;
        top: 60%;
        left: 8%; 
    }	

}