/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09/02/2019, 01:25:25
    Author     : Danilo
*/

html, body{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
#principal{
    width: 100%;
    height: 100%;
    background: black;
}
.back{
    padding: 10rem 1rem 1rem 1rem;

}
.display-2v{
    font-size: 5.5rem !important;
    font-weight: 500;
    line-height: 1.2;
}
@media screen and (max-width: 1024px){
    .back {
        padding: 15rem 0.1rem 0.1rem 0.1rem;
    }
    .display-2v{
        font-size: 5.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media screen and (max-width: 823px){
    .back {
        padding: 5rem 0.1rem 0.1rem 0.1rem;
    }
    .display-2v{
        font-size: 3.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media screen and (max-width: 768px){
    .back {
        padding: 15rem 0.1rem 0.1rem 0.1rem;
    }
    .display-2v{
        font-size: 5.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media screen and (max-width: 736px){
    .back {
        padding: 3rem 0.1rem 0.1rem 0.1rem;
    }
    .display-2v{
        font-size: 3.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media screen and (max-width: 640px){
    .back {
        padding: 3rem 0.1rem 0.1rem 0.1rem;
    }
    .display-2v{
        font-size: 3.0rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media screen and (max-width: 414px){
    .back {
        padding: 5rem 0.1rem 0.1rem 0.1rem;
    }
    .display-2v{
        font-size: 5.0rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    
}
@media screen and (max-width: 375px){
    .back {
        padding: 5rem 1rem 1rem 1rem;
    } 
    .display-2v{
        font-size: 4.0rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .btn-lg, .btn-group-lg > .btn {
        padding: 0.35rem 1.0rem !important; 
    }
}
@media screen and (max-width: 320px){
    .back {
        padding: 5rem 0rem 0rem 0rem;
    }
    .display-2v{
        font-size: 4.0rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .btn-lg, .btn-group-lg > .btn {
        padding: 0.45rem 1.2rem !important; 
    }
}