@media screen and (max-device-width:799px) { body {font-size:12px;}
.topdivsize {height:90px; display:table; clear:both; width:100%;} .logosize {width:270px; height:90px; border:none;} .logodivsize {width:280px; height:91px; display:table-cell;}
.logocontainer {background-color:rgba(255, 255, 255, 1.00); width:270px; height:90px;} .logocanvas {width:270px; height:90px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 8px;} .logooverlay {width:270px; height:90px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .bannersize {width:340px; height:90px; border:none;} .bannerdivsize {height:91px; display:table-cell;}
.bannercontainer {background-color:rgba(255, 255, 255, 1.00); width:340px; height:90px;} .bannercanvas {width:340px; height:90px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 8px;} .banneroverlay {width:340px; height:90px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .menusize {width:140px; height:290px; border:none; position:absolute; top:100px;} .menudivsize {width:150px; display:table-cell;}
.menucontainer {background-color:rgba(255, 255, 255, 1.00); width:140px; height:290px;} .menucanvas {width:140px; height:290px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);} .menuoverlay {width:140px; height:290px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
#contenedor { width:100%; height:calc(100vh - 107px); display:table; clear:both; } }

@media screen and (min-device-width:800px) and (max-device-width:1023px) { body {font-size:12px;}
.topdivsize {height:90px; display:table; clear:both; width:100%;} .logosize {width:270px; height:90px; border:none;} .logodivsize {width:280px; height:91px; display:table-cell;}
.logocontainer {background-color:rgba(255, 255, 255, 1.00); width:270px; height:90px;} .logocanvas {width:270px; height:90px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 11px;} .logooverlay {width:270px; height:90px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .bannersize {width:340px; height:90px; border:none;} .bannerdivsize {height:91px; display:table-cell;}
.bannercontainer {background-color:rgba(255, 255, 255, 1.00); width:340px; height:90px;} .bannercanvas {width:340px; height:90px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 11px;} .banneroverlay {width:340px; height:90px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .menusize {width:140px; height:290px; border:none; position:absolute; top:100px;} .menudivsize {width:150px; display:table-cell;}
.menucontainer {background-color:rgba(255, 255, 255, 1.00); width:140px; height:290px;} .menucanvas {width:140px; height:290px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);} .menuoverlay {width:140px; height:290px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
#contenedor { width:100%; height:calc(100vh - 107px); display:table; clear:both; } }

@media screen and (min-device-width:1024px) and (max-device-width:1279px) { body {font-size:16px;}
.topdivsize {height:120px; display:table; clear:both; width:100%;} .logosize {width:350px; height:120px; border:none;} .logodivsize {width:360px; height:121px; display:table-cell;}
.logocontainer {background-color:rgba(255, 255, 255, 1.00); width:350px; height:120px;} .logocanvas {width:350px; height:120px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 13px;} .logooverlay {width:350px; height:120px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .bannersize {width:430px; height:120px; border:none;} .bannerdivsize {height:121px; display:table-cell;}
.bannercontainer {background-color:rgba(255, 255, 255, 1.00); width:430px; height:120px;} .bannercanvas {width:430px; height:120px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 13px;} .banneroverlay {width:430px; height:120px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .menusize {width:180px; height:370px; border:none; position:absolute; top:130px;} .menudivsize {width:190px; display:table-cell;}
.menucontainer {background-color:rgba(255, 255, 255, 1.00); width:180px; height:370px;} .menucanvas {width:180px; height:370px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);} .menuoverlay {width:180px; height:370px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
#contenedor { width:100%; height:calc(100vh - 137px); display:table; clear:both; } }

@media screen and (min-device-width:1280px) and (max-device-width:1399px) { body {font-size:20px;}
.topdivsize {height:150px; display:table; clear:both; width:100%;} .logosize {width:440px; height:150px; border:none;} .logodivsize {width:450px; height:151px; display:table-cell;}
.logocontainer {background-color:rgba(255, 255, 255, 1.00); width:440px; height:150px;} .logocanvas {width:440px; height:150px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 16px;} .logooverlay {width:440px; height:150px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .bannersize {width:540px; height:150px; border:none;} .bannerdivsize {height:151px; display:table-cell;}
.bannercontainer {background-color:rgba(255, 255, 255, 1.00); width:540px; height:150px;} .bannercanvas {width:540px; height:150px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 16px;} .banneroverlay {width:540px; height:150px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .menusize {width:220px; height:460px; border:none; position:absolute; top:160px;} .menudivsize {width:230px; display:table-cell;}
.menucontainer {background-color:rgba(255, 255, 255, 1.00); width:220px; height:460px;} .menucanvas {width:220px; height:460px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);} .menuoverlay {width:220px; height:460px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
#contenedor { width:100%; height:calc(100vh - 167px); display:table; clear:both; } }

@media screen and (min-device-width:1400px) and (max-device-width:1599px) { body {font-size:22px;}
.topdivsize {height:160px; display:table; clear:both; width:100%;} .logosize {width:480px; height:160px; border:none;} .logodivsize {width:490px; height:161px; display:table-cell;}
.logocontainer {background-color:rgba(255, 255, 255, 1.00); width:480px; height:160px;} .logocanvas {width:480px; height:160px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 18px;} .logooverlay {width:480px; height:160px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .bannersize {width:590px; height:160px; border:none;} .bannerdivsize {height:161px; display:table-cell;}
.bannercontainer {background-color:rgba(255, 255, 255, 1.00); width:590px; height:160px;} .bannercanvas {width:590px; height:160px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 18px;} .banneroverlay {width:590px; height:160px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .menusize {width:250px; height:510px; border:none; position:absolute; top:170px;} .menudivsize {width:260px; display:table-cell;}
.menucontainer {background-color:rgba(255, 255, 255, 1.00); width:250px; height:510px;} .menucanvas {width:250px; height:510px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);} .menuoverlay {width:250px; height:510px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
#contenedor { width:100%; height:calc(100vh - 177px); display:table; clear:both; } }

@media screen and (min-device-width:1600px) and (max-device-width:1919px) { body {font-size:25px;}
.topdivsize {height:190px; display:table; clear:both; width:100%;} .logosize {width:550px; height:190px; border:none;} .logodivsize {width:560px; height:191px; display:table-cell;}
.logocontainer {background-color:rgba(255, 255, 255, 1.00); width:550px; height:190px;} .logocanvas {width:550px; height:190px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 21px;} .logooverlay {width:550px; height:190px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .bannersize {width:670px; height:190px; border:none;} .bannerdivsize {height:191px; display:table-cell;}
.bannercontainer {background-color:rgba(255, 255, 255, 1.00); width:670px; height:190px;} .bannercanvas {width:670px; height:190px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 21px;} .banneroverlay {width:670px; height:190px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .menusize {width:280px; height:580px; border:none; position:absolute; top:200px;} .menudivsize {width:290px; display:table-cell;}
.menucontainer {background-color:rgba(255, 255, 255, 1.00); width:280px; height:580px;} .menucanvas {width:280px; height:580px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);} .menuoverlay {width:280px; height:580px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
#contenedor { width:100%; height:calc(100vh - 207px); display:table; clear:both; } }

@media screen and (min-device-width:1920px) { body {font-size:30px;}
.topdivsize {height:220px; display:table; clear:both; width:100%;} .logosize {width:660px; height:220px; border:none;} .logodivsize {width:670px; height:221px; display:table-cell;}
.logocontainer {background-color:rgba(255, 255, 255, 1.00); width:660px; height:220px;} .logocanvas {width:660px; height:220px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00); border-radius: 25px;} .logooverlay {width:660px; height:220px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .bannersize {width:810px; height:220px; border:none;} .bannerdivsize {height:221px; display:table-cell;}
.bannercontainer {background-color:rgba(255, 255, 255, 1.00); width:810px; height:220px;} .bannercanvas {width:810px; height:220px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);border-radius: 25px;} .banneroverlay {width:810px; height:220px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;} .menusize {width:340px; height:690px; border:none; position:absolute; top:230px;} .menudivsize {width:350px; display:table-cell;}
.menucontainer {background-color:rgba(255, 255, 255, 1.00); width:340px; height:690px;} .menucanvas {width:340px; height:690px; position:absolute; display:block; background-color:rgba(255, 255, 255, 1.00);} .menuoverlay {width:340px; height:690px; pointer-events:none; overflow:hidden; position:absolute; left:0px; top:0px; display:block;}
#contenedor { width:100%; height:calc(100vh - 237px); display:table; clear:both; } }