#wrapper img {
    cursor: pointer;
}


#wrapper .text {
position:absolute;
margin-top:-48px;
text-align: center;
border-radius: 3px;
background: rgba(245, 245, 245, 0.6);
z-index:100;
text-align: center;
width:100%;
padding: 12px 30px 12px 20px;
display: none;
text-transform: uppercase;
font: 1em open sans; 
border: 1px solid #F1F1F1;
}

#wrapper img {
cursor: pointer;
}

#wrapper:hover .text {
visibility:visible;
display:block;
 color: #19bdce;
}

#flagname .text{
position:absolute;
margin-top:-48px;
text-align: center;
border-radius: 3px;
background: rgba(245, 245, 245, 0.6);
z-index:100;
text-align: center;
width:88%;
padding: 12px 30px 12px 20px;
display: none;
text-transform: uppercase;
font: 1em open sans; 
border: 1px solid #F1F1F1;
}

#flagname:hover .text {
visibility:visible;
display:block;
 color: #19bdce;
}

.name{

    font-family: "Open Sans", serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #818c8d;
}

#flagname:hover .name {
display:none;
}



.linktitle{
    display: block;
    padding: 12px 30px 12px 20px;
    color: #5c6c6c;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    text-decoration: none;
	text-align: center;
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.flag-image{
width: 45px;
  height: 33.5px;
   float:left;
  }
  

.textlink a:hover{

    color:#19bdce;

   }

   .textlink a{

    color: #818c8d;
   margin:10px;
  top: 5px;
    text-decoration: none;
	text-align: left;
    
    position: relative;
    -webkit-transition: .3s ease;
    transition: .3s ease;
   }
   
   
   @media screen and (max-width: 660px) {
#flagname img {
	width: 15%;

}
}