html,body {
padding:0;
margin:0;
font-family: Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.5;
color: #333;
overflow-x: hidden;
font-size: 15px;    
}


.agnav{
background-color: #000;    
color: #fff;   
    
}
  
.logo {
float: left; 
margin:0;
padding:0;    
}

.logo img{
margin: 10px 5px;  
width: 60px; 
height: 30px;    
}


.navbar-brand .headertext {
display: block;
color: #fff; 
  
}
.container{
position: relative;   
z-index:4;  
margin-top: 50px;
}


.front{
position: relative;
/*background-image: url('images/freelance_web_designer_for_hire_1.png'); */
background-color: #0000f7;
background-size: cover; 
background-position: bottom;   
width: 100%;    
height: 100vh;

}



.web{
background: #f4f4f4;
height: auto;    
border-radius: 5px;
width: 80%;   
margin: 5px auto;
color: #0d1925;
}  



form {
text-align:center;   
padding: 10px 10px;
}

.web button[type=submit],button[type=reset]{
background-color: #9cc93b;
     color: #fff;
    margin:2px; 
}


.clear{
  clear: both;
} 
      
footer{
margin-top: 0px;
width: 100%;
height: 200px;
background: #000;
color: #f4f4f4;
position: relative;   
}      
footer p{
 padding-top: 15px; 
}            





/* ----------- for mobile ----------- */

@media only screen 
and (max-width:767px)
and (-webkit-min-device-pixel-ratio: 2){

.fronttext h1{
padding-top: 60%;
}
    
.navbar-brand .headertext {
display: none;
color: #fff;    
}
    

.web input[type=text], input[type=text], input[type=number], button[type=submit],button[type=reset],textarea {
width: 100%;
   
}
    
}




/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
      
.navbar-brand .headertext {
display: block;
color: #fff;    
}


form{
width: 100%;
}  
}