/*RESET*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ul {list-style: none;}
ol {list-style-type:decimal;line-height: 1.8em;font-size:17px;text-align: justify;list-style-position: outside; -webkit-padding-start: 40px;margin-left: 40px;padding: 0;margin-bottom: 1.625em;}
blockquote,q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}






/*MAIN*/
.clearfix:after {content: "";display: table;clear: both;}
body {font-family: 'Open Sans';font-size:18px; background: #F8FCFB;}
div.center {max-width:80%; margin: auto;padding:30px;}
.separator{padding: 5px;}
.intro {max-width:80%; margin: auto;background:red;color: #F8FCFB;padding: 5px;margin: 5px;border-radius:5px;}
.intro ul {line-height: 1.8em;font-size: 1em;text-align: justify;list-style-position: outside;list-style-type: circle;-webkit-padding-start: 40px;margin-left: 40px;padding: 0;margin-bottom: 1.625em;}
.intro ul li {list-style: disc;}


.menu {background:#f3be00;color: #F8FCFB;font-size: 18px;list-style-type: none;}
.menu ul {display: flex;justify-content: center;list-style-type: none;overflow: hidden;background-color: #f3be00;}
.menu li {float: left;}
.menu li a, .dropbtn {display: inline-block;color: #F8FCFB;text-align: center;padding: 20px 26px;text-decoration: none;}
.menu li a:hover, .dropdown:hover .dropbtn {background-color: #F8FCFB;color: #f3be00;}

.menu p {display: flex;justify-content: center;padding: 5px;color: #F8FCFB;font-size: 28px;}

div.stars {display: inline-block;padding-bottom: 10px;margin: 10px;}
input.star {display: none; }
label.star {float: right;padding: 10px;margin-left:25px;font-size: 20px;color: #444;transition: all .2s;}
input.star:checked ~ label.star:before {content: '\f005';color: #FD4;transition: all .25s;}
input.star-1:checked ~ label.star:before {color: #FE7;text-shadow: 0 0 20px #952;}
input.star-5:checked ~ label.star:before { color: red; }
input.star-4:checked ~ label.star:before { color: #F62; }
label.star:hover { transform: rotate(-15deg) scale(1.1); }
label.star:before {content: '\f006'; font-family: FontAwesome;}


.question {background-color: f3be00;color: #F8FCFB;width: 100%;border: #f3be00;padding: 5px;margin: 5px;border-radius:5px;}
.question_error {background-color: red;color: #F8FCFB;width: 100%;border: #f3be00;padding: 5px;margin: 5px;border-radius:5px;}
.input_label{margin-left:25px;padding-bottom:10px;font-size: 20px;}
.input_text{TEXT-ALIGN: right;background-color: #F8FCFB;color: #f3be00;padding:5px;font-size: 20px;border-radius:5px;}
.input_submit{background-color: #f3be00;color: #F8FCFB;padding:5px;font-size: 20px;border-radius:5px;}
.input_submit:hover{background-color:#F8FCFB;color: #f3be00;}

/*MEDIA QUERY*/

@media only screen and (min-width: 641px) and (max-width: 1025px)  {
 

}
@media only screen and (max-width: 640px) {  
		
	
.menu ul {flex-wrap: nowrap;flex: none;display: inline-block;justify-content:center; }
.menu li {float:none;}
.menu li a, .dropbtn {display: inline-block;color: white;text-align: center;padding: 7px 0px 7px 0px;text-decoration: none; }	
.menu .dropdown-content a {color: #ffffff;padding: 7px 7px 7px 7px;text-decoration: none;display: block;text-align: left;border: 1px solid white;}
	
	
	
	
	
}