body { 
    font:1em/1.5em 'Verdana', 'Arial', sans-serif; 
	background-color: #ADCA3C;
	background-repeat: repeat-y;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	margin:0px;
}
img{
	max-width:1000px;
}
.bottom_ref{
    position:absolute;
    color:#000000;
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.8em;
    right:120px;
    bottom:10px;
}
.intrebare{
    margin-top:2em;
    width:100%;
    height:35%;
    background-image:url("../images/question_bk.png");
    background-repeat:no-repeat;
    background-size:90% auto;
}
.intrebare_content{
    margin-left:10%;
    margin-right:20%;
    line-height:1.5em;
    padding-top:8%;
    color:#ffffff;
    font-family: "Myriad Pro", sans-serif;
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
}
.ne_selectat::before{
    content:"";
    display:block;
    float:left;
    width:90px;
    height:50px;
    background-image:url("../images/answer_unchecked.png");
    background-repeat:no-repeat;
}
.este_selectat::before{
    content:"";
    display:block;
    float:left;
    width:90px;
    height:50px;
    background-image:url("../images/answer_checked.png");
    background-repeat:no-repeat;
}
.raspuns{
    margin-left:10%;
    margin-right:15%;
    line-height:50px;
    padding:5px;
    color:#000000;
    font-family: "Myriad Pro", sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    cursor:hand;
}
.raspuns_corect{
    border:2px solid green;
    border-radius:5px;
    background-color:#70db70;
}
.raspuns_gresit{
    border:2px solid red;
    border-radius:5px;
    background-color:#ff9999;
}
.error_message{
    padding:1%;
    width:98%;
    position:absolute;
    top:0;
    left:0;
    background-color:#ff0000;
    color:#ffffff;
    font-weight:bold;
    font-size:2em;
    display:none;
}
.top_left_fix{
    position:absolute;
    margin-left:1%;
    margin-top:1%;
    width:20%;
}
.top_left_fix img{
    width:100%;
}
.main_page_title{
	color: #33a544;
    font-family: "Myriad Pro", sans-serif;
    font-size: 5em;
    font-style: italic;
    font-weight: bold;
	line-height: 1em;
	margin: 0 auto;
	padding-top:2%;
}
.subtitle{
    font-family: "Myriad Pro", sans-serif;
    font-size: 2em;
    font-weight: bold;
	line-height: 1em;
	margin: 0 auto;
	padding-top:2%;
}
.col_1_of_2, .col_2_of_2{
	display:inline;
	width:46%;
	float:left;
	margin-top:1%;
}
.small{
  padding:0%;
  font-size:0.8em;
}
.title{
  padding:0%;
  font-size:1.5em;
  font-weight:bold;
}
.big_green_but{
  background-color:#33a544;
  padding:2%;
  padding-left:5%;
  padding-right:5%;
  font-family: "Myriad Pro", sans-serif;
  font-size: 2em;
  font-weight: bold;
  color:#FFFFFF;
  border-radius:20px;
  border-style:none;
  
}
.big_green_but:hover{
  background-color:#4fc962;
  border:none;
  decoration:none;
}
.yellow_but{
  background-color:#b2d236;
  padding:2%;
  padding-left:10%;
  padding-right:10%;
  font-family: "Myriad Pro", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color:#FFFFFF;
  border-style:none;
  
}
.anim{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#next_button{
    position:absolute;
    bottom:20px;
    right:20px;
    background-image:url("../images/button_next.png");
    background-repeat:no-repeat;
    background-size:100% auto;
    width:5em;
    height:5.1em;
    cursor:hand;
}
#back_button{
    position:absolute;
    bottom:20px;
    left:20px;
    background-image:url("../images/button_back.png");
    background-repeat:no-repeat;
    background-size:100% auto;
    width:5em;
    height:5.1em;
    cursor:hand;
}
#home_button{
    position:absolute;
    top:20px;
    right:20px;
    background-image:url("../images/button_home.png");
    background-repeat:no-repeat;
    background-size:100% auto;
    width:5em;
    height:5.1em;
    cursor:hand;
}
@media (max-width: 300px) {
     .main_page_title { font-size: 70%; }
}

@media (min-width: 500px) {
    .main_page_title { font-size: 80%; }
}

@media (min-width: 700px) {
    .main_page_title { font-size: 120%; }
     .anim{top:-8%;
          height:108%;
    }
     #logo_top_left img{
        max-width:300px !important;
    }
}

@media (min-width: 1200px) {
    .main_page_title { font-size: 300%; }
}
@media screen and (max-width:1100px) { 
    body { 
        font-size:0.8em; 
    }
	.col_1_of_2, .col_2_of_2{
	display:block;
	width:98%;
	float:left;
	margin-top:0%;
	margin-left:1%
   }
   .intrebare_content{
     padding-top:7%;
     line-height:1em;
   }
}
@media screen and (max-width:600px) { 
    body {
        font-size:0.7em;
		background-size: auto 100%;
    }
	.col_1_of_2, .col_2_of_2{
	display:block;
	width:98%;
	float:left;
	margin-top:0%;
	margin-left:1%
   }
   .intrebare_content{
     padding-top:7%;
     line-height:1em;
   }
}
body, img { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}