*{margin: 0;
    padding: 0;}

#rodape{
    display:flex;
    width: 100%;
    height: 100%;
    background-color: black;
}

.texto{
    margin-top: -1%;
    text-align: center;
    height: 100%;}

p{  color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;}

.alcina{
    width: 10%;
    margin-top: 0.5%;
    text-align: center;
    height: 100%;}

.logo-alcina{
    border: none;
    width: 50px;
    height: 50px;
    margin-top: -0.8%;}

@media only screen and (min-width: 400px){
    .col-sm-1 {width: 8.33%;}
    .col-sm-2 {width: 16.66%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33%;}
    .col-sm-5 {width: 41.66%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33%;}
    .col-sm-8 {width: 66.66%;}
    .col-sm-9 {width: 75%;}
    .col-sm-10 {width: 83.33%;}
    .col-sm-11 {width: 91.66%;}
    .col-sm-12 {width: 100%;}
    
#rodape{
    justify-content: center;
    display: flex;
    height: auto;
    width: 100%;
    background-color: black;
    margin-top: 90%;}
    
.texto{
    font-size: 10px;
    margin-top: -1%;
    text-align: center;
    height: 100%;}
    
p{  color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;}

    
.alcina{
    width: 10%;
    margin-top: 0.5%;
    text-align: center;
    height: 100%;}

.logo-alcina{
    float: right;
    border: none;
    width: 85%;
    height: 85%;
    margin-top: 5%;}
}

@media only screen and (min-width: 800px){
    .col-md-1{width: 8.33%}
    .col-md-2{width: 16.66%}
    .col-md-3{width: 25%}
    .col-md-4{width: 33.33%}
    .col-md-5{width: 41.66%}
    .col-md-6{width: 50%}
    .col-md-7{width: 58.33%}
    .col-md-8{width: 66.66%}
    .col-md-9{width: 75%}
    .col-md-10{width: 83.33%}
    .col-md-11{width: 91.66%}
    .col-md-12{width: 100%}
    
#rodape{
    justify-content: center;
    display: flex;
    height: auto;
    width: 100%;
    background-color: black;
    margin-top: 48%;}
    
.texto{
    font-size: 15px;
    margin-top: -0.5%;
    text-align: center;
    height: 100%;}

p{ 
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;}

.alcina{
    float:left;
    width: 8%;
    margin-top: 0.3%;
    height: auto;}

.logo-alcina{
    float: right;
    border: none;
    width: 65%;
    height: 65%;
    margin-top: 5%;}
}

@media only screen and (min-width: 1024px){
    .col-lg-1{width: 8.33%}
    .col-lg-2{width: 16.66%}
    .col-lg-3{width: 25%}
    .col-lg-4{width: 33.33%}
    .col-lg-5{width: 41.66%}
    .col-lg-6{width: 50%}
    .col-lg-7{width: 58.33%}
    .col-lg-8{width: 66.66%}
    .col-lg-9{width: 75%}
    .col-lg-10{width: 83.33%}
    .col-lg-11{width: 91.66%}
    .col-lg-12{width: 100%}
    
#rodape{
    justify-content: center;
    display: flex;
    height: 12%;
    width: 100%;
    background-color: black;
    margin-top: 32%;}
    
.texto{
    font-size: 15px;
    margin-top: -0.5%;
    text-align: center;
    height: 100%;}
    
p{  color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;}

    
.alcina{
    width: 8%;
    margin-top: 0.5%;
    text-align: center;
    height: 100%;}
    
.logo-alcina{
    float: right;
    border: none;
    width: 65%;
    height: 65%;
    margin-top: 5%;}
}