#wrap {
  width:600px;  
  background:azure;
    
} 
 
h3{
     text-align:center;
 }

img {
    width:320px;
    
}
hr {
width:90%;
color:silver;
}

a{
   color:black; 
   text-decoration:none;
}
a:hover{
    color:blue;
    
}

#forma {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    width: 500px;
}
 
#inner {
    
    font-size: 18px;
    width: 100%;
    margin-bottom: 15px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align:left;
    font-family:sans-serif;
}





.tag-link {
    background: red;
    border-radius: 15px;
    margin: 1px;
    font-size: 20px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif;
    white-space: nowrap;
    padding: 3px 5px;
    border: 1px solid #573357;
    display: inline-block!important;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center;
}

 .jos {
    font-weight:bold;
    font-size: 18px;
    width: 100%;
    padding: 2px;
    margin: 2px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align:left;
    font-family:sans-serif;
}  

@media only screen and (max-width:600px) {
    #wrap {
 
    width: 100%;
}
}  
@media only screen and (max-width:500px) {
    #forma {
 width: 95%;
  padding: 3px;
}
   #inner {
    font-size: 16px;
    width: 95%;
    margin-bottom: 12px;
    padding: 5px;
    border: 1px solid #ccc;
    
} 
}
@media only screen and (max-width:480px) {
    #forma {
 width: 99%;
  padding: 1px;
}
  #inner {
    font-size: 15px;
    width: 95%;
    margin-bottom: 12px;
    padding: 5px;
    border: 1px solid #ccc;
    
} 
}

@media only screen and (max-width:450px) {
    #forma {
 width: 99%;
  padding: 1px;
}
.main  {
  
   -webkit-text-stroke: 1px #F5F5F5;

}

}