.topnav {overflow:hidden; color:#000000; /* width:25%; background-color: #f1f1f1;*/font-family:'DM Sans';}

.topnav a {float:left; display:block; color:#000000; text-align:left; padding:0.6em 0.8em 0.5em 0.8em; text-decoration:none; font-size:0.97em; border-bottom:3px solid transparent; font-weight: normal; font-family:'DM Sans';}

.topnav a:hover { border-bottom:3px solid #536daf; color:#000000;}

.topnav a.active { border-bottom:3px solid #536daf; color:#000000;}

#menu {background:#ededed; color:#000000; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 10%); border-radius: 0.8em; /*height:80px;*/ width: 21%; clear:both; padding:0 5px 0;/* text-align:center;*/ font-family:'DM Sans'; font-size:1.05em; /*letter-spacing:0.03em;*/ line-height: 1.3em; }

ul  { list-style:none;}

ul li {/*display:inline-block;/* text-align:center;*/ /*padding:0.2em 0.2em 3em 3em;*/ /*display: table-header-group;*/}

ul li a { color:#000000; width:100%; /*line-height:50px;*/ text-decoration:none;}

ul li.selected { background:#fff; /*border-bottom:3px solid red;*/ color:#ffffff;}

ul li.selected a { color:#000000; border-bottom:3px solid #536daf; }

selectmenu { width:94%; margin:11px 0 11px 2%; float:left; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none; display:block; padding:5px 10px; font-size:0.9em; line-height:1.428571429; color:#555; margin-bottom:0.8em; margin-top:0.5em; vertical-align:middle; background-color:#fffffff; background-image:none; border:1px solid #ccc;}

select {width:94%; margin:11px 0 11px 2%; float:left; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none; display:none; padding:5px 10px; font-size:1em; line-height:1.428571429; /*color:#b7b7b7;*/ margin-bottom:0.8em; margin-top:0.5em; vertical-align:middle; background-color:#f5f5f5; background-image:none; border:1px solid #E9E8E8;}

.question { width:auto; /* border-radius:0.5em; */ letter-spacing:0.02em; /* background-color:#112349;*/ font-family:Calibri; font-size:1em; text-align:left;
 color:#000000; margin-bottom:0.4em; margin-top:0.5em; clear:both; /*padding:0.8em;  padding:4em 0.8em 3.5em 0.8em; overflow-y:hidden;*/ transition:height 0.4s linear; }

.col-fr-3q { width:28%; float:left; font-weight:bold; padding:2em 2em 2em 2em; text-align:center; font-family:Calibri; font-size:2em; }

.containerright { position:relative; width:70%; margin:auto; }

.col-fr-50 { width:75%; float:right; text-align:justify;         color: #4F4F4F;
        font-size: 1.05em; }


@media only screen and (max-width:1315px) and (min-width:769px)
	
{
.col-fr-3q { width:90%; font-weight:bold; padding:1em 1em 1em 2em; text-align:center; font-family:Calibri; font-size:2em; clear:both;} 

.col-fr-50 {  float:right; /*margin:0.22em; line-height:1.5em;*/ text-align:justify; }
}

@media only screen and (max-width:769px) and (min-width:481px){

#menu ul { display:none; }
	
ul li a {color:#fff; text-decoration:none; display:none;}
	
#menu { background:#112349; color:#ffffff; height:70px; width:100%;}
	
select { width:96%; margin:21px 0 11px 2%; float:left; display:block;}	
	
#topBtn { display:none; position:fixed; bottom:50px; right:35px;}
	
.col-fr-3q { width:70%; font-weight:bold; padding:1em 2em 1em 2em; text-align:center; font-family:Calibri; font-size:2em; clear:both;}

.col-fr-50 { width:100%; float:right; /*margin:0.22em; line-height:1.5em;*/ text-align:justify;}
	
}

@media only screen and (max-width:480px) and (min-width:320px) {

#menu ul { display:none; }
	
ul li a { color:#fff; text-decoration:none; display:none;}
	
#menu {background:#112349; color:#ffffff; height:50px; width:97%;}

select { /*width:96%;*/ margin:10px 0 10px 2%; float:left; display:block;}
	
#topBtn { display:none; position:fixed; bottom:50px; right:35px;}
	
.col-fr-3q { width:60%; font-weight:bold; padding:1em 2em 1em 2em; text-align:center; font-family:Calibri; font-size:2em; clear:both;} 

.col-fr-50 { width:100%; float:right; /*margin:0.22em; line-height:1.5em;*/ text-align:justify; }
	
.question { width:auto; margin-bottom:0.4em; margin-top:2em; } 	
	

}