/*postion:aboslute*/
#start, #continue, .srtCon, .conCon{position:absolute;box-sizing:border-box;}
#notesBox, #hlpImgs, #img1Enlrg, #img2Enlrg, #enlrgImgs{position:absolute;box-sizing:border-box;}
#quests{position:absolute;box-sizing:border-box;}
/*postion:aboslute*/

.btnSty1{background-color:#3d3d3d;border:none;padding:8px 50px;border-radius:5px;}
.btnSty2{background-color:#3d3d3d;border:none;padding:4px 30px;border-radius:5px;}
.btnSty1:hover, .btnSty2:hover{background-color:#262626;transition:background-color .2s;cursor:pointer;}

/*Info Elements*/
#continue{display:none;}
#start, #continue{top:0px;left:0px;width:100%;height:100%;background-color:#fffd;z-index:10;}
.srtCon{top:100px;left:15%;width:70%;font-size:22px;text-align:center;}
.conCon{top:75px;left:15%;width:70%;font-size:22px;text-align:center;}
.srtCon button, .conCon button{font-size:18px;}

/*Help Elements*/
#notesBox{bottom:0px;left:1%;width:98%;}
#notesBox p{font-size:16px;margin:0px 0px 3px 0px;font-weight:bold !important;text-decoration:underline;}
#notesBox textarea{font-size:14px;width:100%;height:120px;box-sizing:border-box;border:1px solid #262626;resize:none;padding:5px;background-color:#EDECEE;font-weight:400 !important;}
#hlpImgs{top:190px;left:1%;width:98%;}
.imgCon{width:100%;}
.imgCon img{margin:0px 2% 0px 2%;width:46%;float:left;border:1px solid #262626;box-sizing:border-box;cursor:pointer;}
#hlpImgs p{font-size:16px;margin:0px 0px 3px 0px;font-weight:bold !important;text-decoration:underline;}
#enlrgImgs{top:0%;left:0%;width:100%;height:100%;background-color:#000a;z-index:99;display:none;cursor:pointer;}
#img1Enlrg{top:15%;left:0%;width:100%;height:70%;border:1px solid #262626;overflow:auto;z-index:100;display:none;}
#img1Enlrg img{width:200%;}
#img2Enlrg{top:28%;left:0px;width:100%;height:44%;overflow:auto;z-index:100;display:none;}
#img2Enlrg img{width:100%;}

/*Question Elements*/
#quest2, #quest3, #quest4, #quest5, #quest6{display:none;}
#quests{top:4px;left:1%;width:98%;height:180px;border:1px solid;font-size:14px;overflow:auto;}
#quests p{margin:5px 0px 5px 0px;font-weight:400 !important;}
.qrty{margin-left:10px;display:none;}
input[type="text"]{border:1px solid #262626;background-color:#edecee;height:20px;margin-bottom:3px;font-weight:400 !important;}
.qrty p{color:#c00000 !important;}

@media screen and (min-width:690px){
/*Info Elements*/
  .srtCon{top:90px;left:10%;width:80%;font-size:28px;}
  .conCon{top:75px;left:10%;width:80%;font-size:28px;}
  .srtCon button, .conCon button{font-size:22px;}
/*Help Elements*/
  #notesBox{left:0.75%;width:98.5%;}
  #hlpImgs{top:5px;left:0.75%;width:306px;}
  .imgCon{margin:0 auto;width:255px;}
  .imgCon img{margin:0px 0% 3px 0%;width:100%;}
  #img1Enlrg{top:15%;left:5%;width:90%;height:70%;}
  #img1Enlrg img{width:130%;}
  #img2Enlrg{top:20%;left:10%;width:80%;height:60%;}
/*Question Elements*/
  #quests{left:325px;width:347px;height:338px;border:none;font-size:16px;}
}

@media screen and (min-width:960px){
/*Info Elements*/
  .srtCon{top:90px;left:10%;width:80%;font-size:32px;}
  .conCon{top:75px;left:10%;width:80%;font-size:32px;}
  .srtCon button, .conCon button{font-size:24px;}
/*Help Elements*/
  #notesBox{left:0.5%;width:99%;}
  #img1Enlrg{top:5%;left:10%;width:80%;height:90%;}
  #img1Enlrg img{width:100%;}
  #img2Enlrg{top:20%;left:20%;width:60%;height:60%;}
/*Question Elements*/
  #quests{width:617px;}
}