body{
    background-image: url("https://ik.imagekit.io/eephoto/photoSite/featuredImages/Featured-Images_4_hd_FbtE4tYMC.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
    width:100vw;
	
	overflow-y: hidden;
}



#pageTitle3{
	margin:0px;
    line-height: 30px;
    letter-spacing: 2px;
	font-size: 1.5em;   
}

#message{
    width:900px;
    max-width: 900px;
    height:300px;
    max-height: 300px;
    background: rgba(250,250,250,.75);
    border-radius: 5px;
}

.inputBox{
    width: 247px;
}

.textInputs{
    display: inline-block;
}

#contentArea{
    width: 1200px;
    height: auto;
    margin: 0 auto;       
    border-radius: 8px;
    background: rgba(190,190,190,1);
    position: relative;
    top:185px;
    font-size: 1.5em;   
    padding: 50px;
    box-shadow: 10px 10px 8px rgba(0,0,0,.3);
}

form{
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255, .25);
    padding: 10px;
    background: rgba(50,50,50,.5);
}

#pageTitle3{

background: #F7971E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #FFD200, #F7971E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

padding-left:10px;

}

.check{
	margin-bottom: 10px;
}

#notRobot{
	width: 20px;
}

/* 
	#footerBar{
		
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100vw;
		background: white;
		height: 1.5vh;
		font-size: .85em;
		text-transform: uppercase;
		
	} */

/*-----------------------------------_____________________MEDIA QUERIES !!! _____________________---------------------------------------------------------*/





@media only screen and (max-device-width: 800px) and (orientation : portrait){
	
	html{
		overflow-y: hidden;
		width: 100vw;
		height: 100vh;
	}
	
	
	body{
		width: 100vw;
		height: 100vh;
	}
	
	

	#left_space{
		color: white;
		width: 70%;
		height: 50%;
		border-radius: 0px;
		background:  rgba(0,0,0,.75);
		position: absolute;
		left: 20px;
		top: 120px;
		line-height: 28px;    
		font-family: 'Stalemate', cursive;
		font-size: 2.0em;   
	}

	
	
		
	#contentArea{
	  width: 90vw;
	  height: 70vh;
	  margin: 0 auto;       
	  border-radius: 8px;
	  background: rgba(190,190,190, .925);
	  position: relative;
	  top: 9vh;
	  font-size: .75em;   
	  padding: 10px;
	  box-shadow: 10px 10px 8px rgba(0,0,0,.3);
	  overflow-y: auto;
	}
	
	
	#message{
		/* width:900px;
		max-width: 900px; */
		width: 90%;
		max-width: 90%;
		height:300px;
		max-height: 300px;
		background: rgba(250,250,250,.75);
		border-radius: 5px;
	}

	
	#footerBar{
		
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100vw;
		background: white;
		height: 3vh;
		font-size: .85em;
		text-transform: uppercase;
		
	}
	
	
	#pageTitle3{
		font-size: 1.2em;
	}
	
	
}










/* -------------------for computer screens with Hd rez---------------------------*/
@media screen and (max-width:1920px)  and (orientation : landscape){
	
#contentArea{    
    width: 1020px;
    top:12vh;    
	height: 65%;
    font-size: 1em;     
    padding: 20px;
    margin: 0 auto; 
	overflow-y: auto;
  }
  
form{
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255, .25);
    background: rgba(50,50,50,.5);
}
  
#message{
    width: 600px;
    max-width: 600px;
    height:200px;
    max-height: 200px;
    background: rgba(250,250,250,.75);
    border-radius: 5px;
}

	
#left_space{
    color: white;
    width: 50%;
    height: 50%;
    border-radius: 0px;
    background:  rgba(0,0,0,.75);
    position: absolute;
    left: 20px;
    top: 60px;
    line-height: 28px;    
    font-family: 'Stalemate', cursive;
    font-size: 2.0em;   
}

  
}



/* --------------------for Kindle FIreHD 12800x800 -------------------- */
/* @media screen and (max-width:1280px){
    
    body{
        overflow-y: auto;
    }
    
    #contentArea{    
    width: 800px;
    height: auto;    
    top:180px;    
    font-size: 1em;     
    padding: 10px;
    
    margin: 0 auto; 
    margin-bottom: 25px;
  }
  
form{
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255, .25);
    background: rgba(50,50,50,.5);
}
  
#message{
    width: 600px;
    max-width: 600px;
    height:200px;
    max-height: 200px;
    background: rgba(250,250,250,.75);
    border-radius: 5px;
 }
}
 */

/*-----------------------------------HEIGHT ADJUSTMENTS*/
/* @media screen and (max-height:1280px){
    
    body{
        overflow-y: auto;
    }
    
    #contentArea{    
    width: 800px;
    height: auto;    
    top:180px;    
    font-size: 1em;     
    padding: 10px;
    
    margin: 0 auto; 
    margin-bottom: 25px;
  }
  

  
#message{
    width: 600px;
    max-width: 600px;
    height:200px;
    max-height: 200px;
    background: rgba(250,250,250,.75);
    border-radius: 5px;
 }
  
} */

/* @media screen and (max-width:1680px) and (orientation: portrait) { 
    
    #left_space{
        color: white;
        width: 50%;
        height: 20%;
        border-radius: 0px;
        background: black;
        position: absolute;
        left: 20px;
        top: 70px;
        line-height: 28px;    
        font-family: 'Stalemate', cursive;
        font-size: 2.0em;   
    }
    

#contentArea{
    width: 750px;
    margin: 0 auto;       
    border-radius: 8px;
    background: rgba(190,190,190,1);
    position: relative;
    top:185px;
    font-size: 1.5em;   
    padding: 10px;
    padding-bottom: 10px;

    box-shadow: 10px 10px 8px rgba(0,0,0,.3);
}
    
    
    
} */