html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


@media (max-width: 800px) {

    .vidro {
        font-size: 16px;
    }

    .bodypage {
        margin-top: 50px;
    }
    .janela {
        margin-left: 0px;
    }

    .c800 {
        display: block;
    }

    .c801 {
        display: none;
    }


    .div80-100 {
        width:100%;
    }

    .div40100 {
        width: 100%;
    }
    .div59100 {
        width: 100%;
    }

    .mag19-0 {
        margin-left: 0%;
    }

    .whcomanda {
        width: 18%;
        height: 80px;
        font-size: 25px;
    }

    .areaimg {
        display: block;
        width:100%;
    }

    .arealogin {
        display: block;
        width: 100%;
    }

    .arealoginform {
        width: 100%;
    }
}


@media (min-width: 801px) {

    .areaimg {
        display: inline-block;
        width: 49%;
        height: 100%;
    }

    .arealogin {
        display: inline-block;
        width: 49%;
        height: 100%;
    }

    .arealoginform {
        width: 300px;
    }

    .vidro {
        font-size: 16px;
    }

    .bodypage {
        margin-top: 40px;
    }

    .janela {
        margin-left: 125px;
    }

    .c800 {
        display: none;
    }
    .c801 {
        display: block;
    }

    .div80100 {
        width: 80%;
       
    }

    .div40100 {
        width: 40%;
    }

    .div59100 {
        width: 59%;
    }

    .mag190 {
        margin-left: 19%;
    }

    .whcomanda {
        width: 9%;
        height: 60px;
        font-size: 18px;
    }

}



@font-face {
    font-family: FontAwesome;
    src: url(/font/FontAwesome.woff) format("woff");
}

*[data-ico-fontawesome]:before {
    font-family: FontAwesome;
    content: attr(data-ico-fontawesome);
}

@font-face {
    font-family: FontAwesome5Brands;
    src: url(/font/FontAwesome5Brands.woff) format("woff");
}

*[data-ico-fontawesome5brands]:before {
    font-family: FontAwesome5Brands;
    content: attr(data-ico-fontawesome5brands);
}

@font-face {
    font-family: FontAwesome5Regular;
    src: url(/font/fa-regular-400.woff) format("woff");
}

*[data-ico-fontawesome5regular]:before {
    font-family: FontAwesome5Regular;
    content: attr(data-ico-fontawesome5regular);
}



@font-face {
    font-family: FontAwesome5Solid;
    src: url(/font/FontAwesome5Solid.woff) format("woff"), url(/font/FontAwesome5Solid.ttf) format("truetype");
}

*[data-ico-fontawesome5solid]:before {
    font-family: FontAwesome5Solid;
    content: attr(data-ico-fontawesome5solid);
}