{
    @media screen and (max-width:/*112*/6px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
    
    html, body {
	background:antiquewhite; /* #eeeeee; */
	//padding: 3px;
        padding-left: 15px;
        padding-right: 3px;
	//color: #606060;
        color: forestgreen;
	margin: 0;
    font-size: 2em;

	}
    
    h1, h2, h3, h4, h5, h6 {
        
        font-weight: normal;
        //font-size: 3em;
        font-style: italic;
        //color: #808080;
        color: dodgerblue;
        
    }
    
    button {
        
        font-size: 26px;
    }
    
    .AFRbutton {
        
        font-size: 26px;
       // background: #fff;
    }
    
    img {
        
        height:20px;
        width: 32px;
        float:right;
        //padding-left: 30px;
        vertical-align: top;
    }
    
    input {
        
        font-size: 1.0em;
    }
    
    a {
        
        font-size: 1.0em;
    }    
    
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
        //display:grid;
        //display:table;
        //display: table-row-group;
        //padding-left: 5px;
        
	}
    
    /* Hide table headers (but not display: none;, for accessibility) */
	/*
    thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
    */
	
	tr { border: 0px solid #ccc; }
    
    th {
        
        display: none;
        //font-size: 10pt;   
    
    }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 0px solid #eee; 
		position: relative;
		/* padding-right: 50%; */
        font-size: 1.0em;
        //color: forestgreen;
	}
	
	/* td:before { 
		// Now like a table header 
		position: absolute;
		// Top/left values mimic padding 
		top: 6px;
		left: 6px;
		//width: 45%; 
		padding-left: 10px; 
		white-space: nowrap;
        font-size: 16pt;        
	}*/
    
    .flags td {
        
        //background: #fff;
        padding: 0px;
    }
    
    .Inputs td {
        
        font-size: 26px;
    }
    
    table.NameList {
        
    }
    
    .td {
        
    }
    
    td.CounterCell {
        
        display: none;
    }
    
    table.RoadSign {
        
    }
    
    .td {
        
    }
    
    td.English {
        
    }
        
        p.SplashText {
            font-size: 5pt;
        }
        
        image1 {
            font-size: 0.4em;
            color: aqua;
        }
    
    }} /* END OF MOBILE STYLE SHEET */
/* ============================================================================= */

body {

    /*
    font-size: 12pt;
    font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #606060;
    line-height: 14pt;
    padding-left: 0pt;
    padding-right: 5pt;
    padding-top: 5pt;
    */
    
    background-color: #efefef; /* #f2f8ff; */

}

/*table {
    
    table-layout: fixed;
    width: auto;
    border-collapse:separate;
    border: 0px;
    border-style: dashed;
    text-align: left;
    padding: 0px;
    border-spacing: 0px;
    
}

th {
    
    background-color:#4472c4;
    font-size: 12pt;
    font-style: normal;
    //padding: 5px;
    color: white;
}

td {
    text-align: left;
    vertical-align: top;
}*/

a {
  text-decoration: none;
}

a:link, a:visited {
    /* light-bg */ color: #0000ff;
    /*  dark-bg */ color: #9BE9F7;
}

a:hover, a:active {
  color: #00aaff; /*#FF9933;*/
}

p.FooterText {
    color: #0364B8;
    font-size: 0.7em;
    font-style: normal;
    line-height: 0.0em;
}

p.FooterText_dark
{
    color: #efefef;
    font-size: 0.7em;
    font-style: normal;
    line-height: 0.0em;
}

p.NormalText {
    //color: #757575;
    font-size: 0.7em;
    font-weight: normal;
    text-align: justify;
}

p.AboutMe {
    font-size: 0.6em;
    font-weight: normal;
    text-align: justify;
}

p.AboutMe_dark {
    background-color: rgba(0,0,0,0.57);
        padding: 5px;
    color: #efefef;
    font-size: 0.65em;
    font-weight: normal;
    text-align: justify;
}

p.SplashText {
    
    //display: ;
        //position:absolute;
        //top:10%;
        //left: 0%;
        //background-color: rgba(0, 0, 0, 0.527);
        padding: 40px;
        color: white;
    font-size: 2.5em;
    line-height: 0.5em;
    }

h2 {
    
    color: #0364B8;
    font-size: 0.9em;
    font-style: normal;
    font-weight: normal;    
}

heading22{
    
    position:relative;
    top:0%;
    left: 0%;
    background-color: rgba(0, 0, 0, 0.527);
    padding: 5px;
    /*
    padding-left: 1px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    */
    color: #ffffff;
    font-size: 1.0em;
    text-align: left;
}

SplashTextFunny {
    
    display:none;
        position:relative;
        top:120px;
        left: 0%;
        //background-color: rgba(0, 0, 0, 0.527);
        padding-top: 80px;
    padding-left: 80px;
        color: white;
    font-size: 2.5em;
    line-height: 2.5em;
}

SplashText1 {
    
        display:;
        position:relative;
        top:20%;
        left: 0%;
        //background-color: rgba(0, 0, 0, 0.527);
        padding: 40px; 
        /* padding-left: 40px; */
        color: white;
    font-size: 2.5em;
    line-height: 5.0em;
    width: 100%;
}

SplashText1Funny {
    
    display:none;
        position:relative;
        top:40px;
        left: 0%;
        //background-color: rgba(0, 0, 0, 0.527);
        padding: 40px; 
        /* padding-left: 40px; */
        color: white;
    font-size: 2.5em;
    line-height: 0.0em;
    width: 100%;
}

FunnyTextwBG {
    
    display:none;
        position:relative;
        top:40px;
        left: 0%;
        //background-color: rgba(0, 0, 0, 0.527);
        padding: 40px; 
        /* padding-left: 40px; */
        color: white;
    font-size: 2.0em;
    line-height: 2.0em;
    width: 100%;    
}

SplashText_wBG {
    
    display: ;
        position:relative;
        top:30px;
        left: 10%;
        background-color: rgba(0, 0, 0, 0.727);
        padding: 40px;
        color: white;
    font-size: 2.5em;
    line-height: 0.0em;
    width: 100%;
}

ul.SplashPageList {
    
    list-style-type: square;
    /* list-style-image: url("../icons/phone_dark.png");*/
    font-size: 0.8em;
    line-height: 1.6em;    
    padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 0px;
    text-align: justify;
    color: #ffffff;
    vertical-align: top;
    list-style-position: outside;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

ul li.SplashPageListLI {
    
    margin: 0px;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 5px;
    border: 0px;
    text-align: justify;
    font-style: normal;
    color: #ffffff;
    //background-color: rgba(0, 0, 0, 0.5);
    vertical-align: top;

}

table {
    
    //table-layout:auto;
    //width: 100%;
    border-collapse: collapse;
    //border: 3px solid purple;
    //vertical-align: top;
}

table td {
    //border: 2px solid green;
    vertical-align: baseline;
    padding: 2px;
    border-spacing: 0px;
    //background-color: #ababab;
    line-height: auto;
}

td.SplashListIcon {
    //background-color: dimgrey;
    padding: 0px;
    padding-right: 10px;
    vertical-align: top;
    border-spacing: 0px;
    align-content: center;
    //height: 45px;
    line-height: auto;
    text-align: center;
}

td.SplashListCell {
    //background-color: indianred;
    padding: 0px;
    vertical-align: top;
    border-spacing: 0px;
    align-content: center;
    //height: 45px;
    line-height: auto;
    text-align: center;
}