<style>
@charset "utf-8";
/* CSS Document */



/*html {overflow: scroll;overflow: hidden;}*/
body {margin:0px;font-size:18px; font-weight:bold; margin:0px; font-family:Arial, Helvetica, sans-serif; background-color:#fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-tap-highlight-color: transparent;}
	
	
a {text-decoration:none;color:inherit;user-select:none;}
/*
@font-face {font-family:S3;src: url('/fonts/S3.ttf') format('opentype');}
@font-face {font-family:S32;src: url('/fonts/S32.ttf') format('opentype');}
*/

.maxw {max-width:800px;}
.F1 {width:100%;bottom:0px;}
/*
.menu {cursor:pointer;}
.menu:hover {border-bottom-color:var(--color1); border-bottom-width: 2px; border-bottom-style:solid;  }

*/


/* CELL PHONE  orientation: portrait */
@media only screen and (max-width : 980px) and (orientation: portrait  ){

.XS, .xs {font-size:20px;}
.S, .s {font-size:40px;}
.M, .m {font-size:60px;}
.L, .l {font-size:80px;}
.XL, .xl {font-size:100px;}
.XXL, .xxl {font-size:120px;color:  teal;}
.F1 {width:100%;bottom:0px;}

.AT-w-L {width:600px;}
.AT-phone {display:all;}
.AT-phone-col {display:all;}
.AT-desk {display:none;}
.AT-desk-col {display:none;}
.AT-width-max {max-width:100%;}
.AT-width-pcent {width:100%;}

.AT-width-S {width:200px;}
.AT-width-M {width:300px;}
.AT-width-L {width:100%;}

.AT-flex-dir {flex-direction:column;}
}

/* CELL PHONE  orientation: landscape */
@media only screen and (max-width : 980px) and (orientation: landscape  ){

.XS, .xs {font-size:16px;}
.S, .s {font-size:18px;}
.M, .m {font-size:24px;}
.L, .l {font-size:36px;}
.XL, .xl {font-size:48px;}
.XXL, .xxl {font-size:60px;color:   goldenrod;}


.AT-w-L {width:250px;}
}



/* TABLETS orientation: portrait */
@media only screen and (min-width : 981px) and (orientation: portrait  ){

.XS, .xs {font-size:20px;}
.S, .s {font-size:40px;}
.M, .m {font-size:60px;}
.L, .l {font-size:80px;}
.XL, .xl {font-size:90px;}
.XXL, .xxl {font-size:120px;color: maroon;}
}

/* TABLETS orientation: landscape */
@media only screen and (min-width : 981px) and (orientation: landscape  ){

.XS, .xs {font-size:14px;}
.S, .s {font-size:16px;}
.M, .m {font-size:18px;}
.L, .l {font-size:24px;}
.XL, .xl {font-size:36px;}
.XXL, .xxl {font-size:120px;color:navy;}
}



/* DESKTOP */
@media only screen and (min-width : 1200px) {

.XS, .xs {font-size:14px;}
.S, .s {font-size:16px;}
.M, .m {font-size:20px;}
.L, .l {font-size:24px;}
.XL, .xl {font-size:36px;}
.XXL, .xxl {font-size:120px;color:  orangered;}



.AT-w-L {width:250px;}


.AT-phone { display: none; }
.AT-phone-col {display:none;}
.AT-desk {display:all;}
.AT-desk-col {display:all;}

.AT-width-max {max-width:50%;}

.AT-width-S {width:100px;}
.AT-width-M {width:400px;}
.AT-width-L {width: 30%;}

.AT-flex-dir {flex-direction:row;}
}

</style>