@charset "utf-8";
/* CSS Document */

:root {
  --color1: #1DAC4F; /* Primary Color */
  --color2: #F5F5F5;
  --color3: #ffffff;
}

html {overflow: scroll;overflow-x: 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');}



.N1 {display:flex;align-items:center;height:45px;width:100%;}
.N2 {display:flex;align-items:center;height:30px;width:100%;top:45px;}
.N3 {display:flex;align-items:center;height:25px;width:100%;top:75px;}

.F1 {position:fixed;height:35px;width:100%;bottom:0px;}

.menu {cursor:pointer;}
.menu:hover {border-bottom-color:var(--color1); border-bottom-width: 2px; border-bottom-style:solid;  }

/* Custom, iPhone Retina */ 
/*@media only screen and (min-width : 320px) {

.NavTop {min-width:320px;height:80px;background-color:#C00; }
.NavLogo {min-width:320px;font-size:60px;}
.SignIn {font-size:20px;line-height:28px;}
#sitewrap {min-width : 320px;margin:auto;top:100px;position: relative;bottom:40px;z-index:10;padding:0px 0px 100px 0px;}
}
*/
/* Extra Small Devices, Phones0C0 */ 
@media only screen and (min-width : 480px) {

.NavTop {min-width:480px;height:80px;background-color:#900; }
.NavLogo {min-width:480px;font-size:60px;}
.SignIn {font-size:20px;line-height:28px;}
#sitewrap {min-width:480px;margin:auto;top:0px;position: relative;bottom:40px;z-index:10;padding:0px 0px 100px 0px;}


}

/* Small Devices, Tablets, Samsung Galaxy*/
@media only screen and (min-width : 768px) 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; color:#900;}

.N1 {display:flex;align-items:center;height:120px;width:100%;}
.N2 {display:flex;align-items:center;height:60px;width:100%;top:120px;}
.N3 {display:flex;align-items:center;height:40px;width:100%;top:160px;}

.F1 {position:fixed;height:100px;width:100%;bottom:0px;}

#sitewrap {min-width:768px;margin:auto;top:180px;position: relative;bottom:40px;z-index:10;padding:0px 20px 100px 20px;}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (orientation: landscape  ){

.NavTop {min-width:768px;height:100px;background-color:#CCF;}
.NavLogo {min-width:768px;font-size:100px;padding:0px 0px 0px 20px;}
.NavTwo {top:100px;height:50px;}
.SignIn {font-size:40px;padding:40px 40px 0px 0px ;}
#sitewrap {min-width:768px;margin:auto;top:150px;position: relative;bottom:40px;z-index:10;padding:0px 0px 100px 20px;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

.NavTop {min-width:992px;height:100px;background-color:#399; }
.NavLogo {min-width:992px;}

.SignIn {font-size:20px;line-height:28px;}
#sitewrap {min-width : 992px;padding:0px 20px 50px 30px;position: relative; z-index:10; top:110px;bottom:40px;}

.XS, .xs {font-size:12px;}
.S, .s {font-size:14px;}
.M, .m {font-size:16px;}
.L, .l {font-size:18px;}
.XL, .xl {font-size:24px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


#sitewrap {min-width:1200px;padding:0px 20px 50px 30px;position: relative;z-index:10;top:110px;}
#sitewrap50 {min-width:1200px;padding:0px 20px 50px 30px;position: relative;z-index:10;top:50px;}
.XXS, .xxs {font-size:10px;}
.XS, .xs {font-size:12px;}
.S, .s {font-size:14px;}
.M, .m {font-size:16px;}
.L, .l {font-size:18px;}
.XL, .xl {font-size:24px;}
}