html {

height:100%;

background: url("../images/background.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  height:100%;

}

#preload_country {
display:none;

}

#loader {
display:block;
width:100px;
height:100px;
margin-left:auto;
margin-right:auto;

}

#loadimg {

  font-family: "Arial",Arial,sans-serif;
  font-size: 54px;
  text-align:center;
  color:orange;
}

#everything_else {
display:none;
}

#header {
width: 900px;
height: 160px;
display:block;
margin-left: auto;
margin-right: auto;
background: url("../images/header2.png") no-repeat center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;

}

#game_content {

width: 800px;
height: 800px;
display:block;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width:5px;
border-color: #107303;
border-radius: 15px;
background-image: url("../images/SallyPhone.jpg"); 
background-position: center center;
background-repeat: no-repeat;
  -webkit-background-size: 800px;
  -moz-background-size: 800px;
  -o-background-size: 800px;
  background-size: 800px;
  background-attachment: scroll;
  background-color: #949494;
  color: black;
  font-family: "Arial",Arial,sans-serif;
  font-size: 1.2em;
  text-align: left;

	}

#game_content p {
//background-color:aliceblue;
//opacity:.85;
}


#game_content div {
 display:none;   
}

#storage {

display: none;
}
#buttons {
width: 800px;
display:block;
margin-left: auto;
margin-right: auto;
background-color:lightgray;
  }
#backbutton {
float:left;

display: inline-block;
background-repeat: no-repeat;
background-image: url('../images/buttons.png');
background-position:0px -117px;
width:150px;
height:58.5px;
cursor:pointer;
  }

#nextbutton {
display: inline-block;
background-repeat: no-repeat;
background-image: url('../images/buttons.png');
float:right;
background-position:0px 0px;
width:150px;
height:58.5px;
cursor:pointer;
}

#game_content .setup {
  cursor:pointer;
  color:black;
  //font-family: "Courier",Times,serif;
  font-style: italic;
  font-size: 22px;
  padding: 10px;
  text-align: justified;
  //background-color:#F78181;

  }
  
.modalButton {

margin-bottom:20px;
cursor: pointer;
width:85%;
height:auto;
display:block;
margin-left:auto;
margin-right:auto;
}

.modalButton:hover {

text-shadow: .5px .5px #ff0000;
}

.specialButton {
 // margin-top:-300px;
  font-size:24px;
  background-color:yellow;
  margin-bottom:10px;
  cursor: pointer;
  width:200px;
  height:75px;
  display:block;
  float:right;
  border-radius: 20px;
  width:150px;
  height:58.5px;
  }

  .specialButton:hover {

  text-shadow: .5px .5px #ff0000;
  }

.questionModal
{
  width:100% !important;
  height:100% !important;
  padding:0px !important;
  margin:0px !important;
  
  
}

.questionModal h2 {
  background-color:black;
  text-align: center;
}

.ui-dialog {
    top:0px !important;
    margin-top:50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-image: url(../images/Laptop2.jpeg);
    background-size:100% 100% !important;
    border-width:10px !important;
    border-color:black !important;
    background-color:silver !important;
    width:75% !important;
    max-width:900px;
  }

.ui-dialog-content {
    background-color:black;
        height:auto !important;
  }
  
.ui-dialog-titlebar {
  display: none;
}

.reveal {
//padding:8px;
font-size: 22px;
color: red;

}

.modalAct {
  padding:3px;
  border-radius:4px;
  border:15px solid black;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  margin-top:10px;
  cursor:pointer;
  display:block;
  margin-left:auto;
  margin-right:auto;
  font-size: 30px;
  font-weight: bold;
  background-color: #CC0000;
  }

  .modalAct:hover {
    background-color: #660000;
    
  }

  .modalAct:active {
    background-color: #660000;
    border:15px solid black;
  }

#reload {
  display: none;
  }

#reloadbutton {
  padding:2px;
  border-radius:4px;
  border:1.5px solid #330000;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  margin-top:10px;
  cursor:pointer;
  display:block;
  margin-left:auto;
  margin-right:auto;
  font-size: 30px;
  font-weight: bold;
  background-color: #CC0000;

  }

  #reloadbutton:hover {
    background-color: #990000;
  }

  #reloadbutton:active {
    background-color: #660000;
    border:1px solid black;
  }

  .innerbox {
    margin-top:0px;
    margin-bottom:0px;
    height: 85px;

  }

  #dialog_container>.ng-scope p {
    padding:7px;
  }

  #dialog_container>.ng-scope:first-child {
    margin-top:0px;
  }

    #dialog_container>.ng-scope:nth-child(2) {
      margin-top:600px;

  }
  
  .newBackground {
    width:100%;
    text-align:center;
   background-color: black;
    margin:0px !important;
    
  }
  } 
  /********************************************************/
    /********************************************************/
      /********************************************************/
        /********************************************************/
@media (max-width: 1100px) {
  #buttons {
    display:none;
  }

  #header {
    height:100px;
    margin-top:5px;
    width:70%;
  }
  
  #game_content {

    width:90%;
    height:450px;
    min-width:580px;
  }

  .ui-dialog {

    width:89% !important;

  }

  }

  @media (max-width: 800px) {

  #game_content {

    width:96%;
    height:550px;

  }
  
  #game_content p {
    font-weight:bold;
     text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    
  }

#buttons,#header {

    width:96%;

  }
    .ui-dialog {
    width:95% !important;
    background-image: url();
    width:85% !important;
    height:auto !important;
  }
  
  #dialog_container > .ng-scope:nth-child(2) {
    margin-top: 40px;
  }
  }