html
{
    font-size: 62.5%; /* Medida para rems */
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}

*,*:before,*:after 
{
    box-sizing: border-box;
}
a 
{
    color: white;
    text-decoration: none;
}
a:active,a:active * 
{
    outline: none !important;
}
a:focus,a:focus * 
{
    outline: none !important;
}

/* CSS - INDEX */

@media (min-width: 600px) 
{
    /*PC*/
    .main
    {
       
        color: white;
        width: 100%;
        height: 100vh;
    }
}
@media (max-width: 800px) 
{
    /*MOBILE*/
    .main
    {
        background-image: url("../media/fondo.jpg");
        background-size: contain;

        background-color: black;
        color: white;
        width: 100%;
        height: 100vh;
        text-align: center;
        vertical-align: middle;
        padding: 3rem 2rem 2rem;

    }
    .text h1
    {
        margin: 0 0 .5rem;
        font-size: 5rem;
        line-height: 4.5rem;
    
    }
    span 
    {
            font-size: 1.8rem;
            font-family: 'Exo', sans-serif;
            letter-spacing: 3px;
    }
    .text p
    {
        padding: 1rem;
        font-size: 1.3rem;
        font-weight: 300;
        
     
    }
    .text p b
    {
        font-weight: 500;
    }
    .form1
    {
        width: 60%;
        margin: 0 auto;
    }
    input
    {
        width: 100%;
        margin-bottom: 1.5rem;
        padding: .4rem 2rem;
        font-size: 1.5rem;
    }
    input:last-child
    {
        font-size: 1.3rem;
        margin-bottom: 0rem;
        padding: 1rem;
    }
   .submit
   {
        border: solid white 2px;
        background-color: black;
        color: white;
        width: 80%;
   } 
   .linea
   {
       width: 4rem;
       border-bottom: solid white 2px;
       margin: 1.5rem  auto;
   }
   .logo
   {
        width: 6rem;
        margin-bottom: 2rem;
        opacity: .8;
   }
   

}