body {
    background-image: url('./images/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

.header{
    /* border-style: dashed; */
    /* background-color: #FFFFFF; */

}

.heading{
    font-size: 14px;
    color: #162d3d;
    font-weight: bold;
    line-height: 3.5;
    height: 18px;
}

.server-location-text{
    text-align: center;
    font-family: 'GalanoGrotesqueAlt, sans-serif';
    font-size: 24px;
    font-weight: 500;
    color: #FDFDFD;
}

#container1 {
    width: 220px;
    height: 215px;
    float: left;
 }
 .box, .bigbox, .widebox {
    background-color: olive;
    width: 100px;
    height: 100px;
    margin: 5px;
    float: left;
 }

 .bigbox {
    background-color: olive;
    width: 210px;
    height: 210px;
    float: left;
 }

 .widebox {
    background-color: #27AAE1;
    width: 340px;
    height: 100px;
    word-wrap: break-word;
 }


 div[id^='widebox_']:hover{
    background-color: #4496F7;
    cursor: pointer;
 }

 @media screen and (min-width: 1400px) {
    .region-box {
        margin-left: 80px !important;
    }
  }


 .box-text{
    color: #FDFDFD;
 }

 .box-heading-country{
    color: #FDFDFD;
    padding-left: 24px;
    padding-top: 12px;
    font-size: 24px;
    position: absolute;
 }
 .box-heading-city{
    color: #FDFDFD;
    padding-left: 24px;
    padding-top: 35px;
    font-size: 34px;
    position: absolute;
 }

 .config-img{
   margin-left: 5vh;
   margin-bottom: 5vh;

 }

 .config-heading{
   text-align: center;
 }

 .config-subheading{
margin-bottom: 5vh;
 }

 .config-container{
   margin-top: 5vh;
   border-right: 2px solid #FDFDFD;
   border-left: 2px solid #FDFDFD;

 }

 .box-text{
   line-height: 0.9em;
 }

 .config-price{
   font-size: 24px;
   font-weight: bold;
   margin-top: 5vh;
 }

 .config-btn{
   font-size: 24px;
   color: #FFFF;;
   background-color: #27AAE1;
   text-transform: uppercase;
   border-radius: 2px;
   border-color: #000;
   font-weight: 400;
   padding: 4px;
   width: 100%;
   border-style: solid;
    border-width: 3px;
    cursor: pointer;
    font-family: "Source Sans Pro",sans-serif;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    display: list-item;
    border-radius: 4px;
    /* z-index: 9999; */
 }

 .config-btn:hover{
  background-color: #4496F7;
  cursor: pointer;
}

 .header-footer{
   margin-top: 10vh !important;
 }



 /* css for checkout page */
 .checkout-img{
   margin-left: 5vh;
   margin-bottom: 5vh;
   height: 10vh;
   width: 20vh;

 }


 .menu-link{
  text-decoration: none;
  color: #FFFF;
  
 }