body
{
 
}

#VerbalioSymbolBody
{
    background-color: #FFF5DB;
}

#VerbalioTextBody
{
    background-color: #F4FCED;
}

 #vContentDiv
 {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     /*background-color: black;*/
     text-align: center;
 }
 
 #vLogo
 {
     width: 70%;
     margin-bottom: 20px;
 }
 
 #vInstructionText
 {
     
  font-size: 18pt;
    color: #263248;
 }
 
 .vFilledButton
 {
     margin-top: 18px;
     border-style: none;
     background-color: #263248; 
     color: #ffffff;
     width: 60%;
     height: 65px;
     font-size: 14pt;
 }
 
 
 .vBorderedButton
 {
     margin-top: 10px;
     border-style: solid;
     border-color: #263248;
     border-width: 1px;
     color: #263248;
     background-color: transparent;
     width: 60%;
     height: 40px;
     font-size: 14pt;
 }
 


/* reszponzivitas */

@media (min-width:320px) 
{
    #vContentDiv
    {
        width: 100%;
    }
    #vLogo
    {
        width: 50%;
    }
}
@media (min-width:481px)
{
    #vContentDiv
    {
        width: 90%;
    }
    
    #vLogo
    {
        width: 60%;
    }
}
@media (min-width:641px)
{
    #vContentDiv
    {
        width: 50%;
    }
}
@media (min-width:961px)
{
    #vContentDiv
    {
        width: 40%;
    }
}
@media (min-width:1025px)
{
    #vContentDiv
    {
        width: 30%;
    }
}
@media (min-width:1281px) 
{
    #vContentDiv
    {
        width: 20%;
    }
}