pratham-contactme.css

html{
/*	background-color: #de9360;  */
	background-position: center center;
    background-repeat: no-repeat;
	
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f0f0f0), to(#c5c5c5));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #f0f0f0, #c5c5c5);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #f0f0f0, #c5c5c5);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #f0f0f0, #c5c5c5);

  /* Opera 11.10+ */
/*  background: -o-radial-gradient(circle, #de9360, #995e37); */
	}

.body {
	margin: 0px;
	}

a {
	text-decoration: none;
	}	

/* ------------------------------------------------------ */

.logo {
/*    background: url(SiteLogo.gif) no-repeat center;  
	background-size: contain; */
	height: 8em;
	background: no-repeat center;
	background-color: #ff8b6c;   
	padding: 0px 0px 0px 0px;
/*	margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    border: none; */
} 

#logoimg {
	display: block;
	background-color: #ff8b6c;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%;
	border: none;
	padding: 0em 5em 0em 5em;
	height: 100%;	
	}


.navbar {
/*	background-color: #c57947; */
	background-color: #9ca98c;
	height: 2em;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
/*	padding: 0px 5em 0px 5em; */
	vertical-align: middle;
    }


#nav-text{
font: 1.2em/normal Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	color:#6d4327;
	margin: 0.35em 0px 0px 0px;	padding: 0px;
	vertical-align: middle;
	height: inherit;
	}
     
#navbar-home:hover {
	background-color: #ff8b6c;
	}
#navbar-myworks:hover {
	background-color: #ff8b6c;
	}
#navbar-aboutme:hover {
	background-color: #ff8b6c;
	}
#navbar-contactme:hover {
	background-color: #ff8b6c;
	}
	
#navbar-home {
	height: inherit;
	width: 12em;
	display: inline-block;
	margin: 0px;
	text-align: center;
	padding: 0px;
	}	
#navbar-myworks {
	height: inherit;
	width: 12em;
	display: inline-block;
	margin: 0px;
	text-align: center;
	padding: 0px;
	}	
#navbar-aboutme {
	height: inherit;
	width: 12em;
	display: inline-block;
	margin: 0px;
	text-align: center;
	padding: 0px;
	}	
#navbar-contactme {
	height: inherit;
	width: 12em	;
	display: inline-block;
	margin: 0px;
	text-align: center;
	padding: 0px;
	background-color: #dbdbdb;
	}	

    
.footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	font: normal 1em Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	text-align: center;
	color:#6d4327;
	}

	
#mailme {
	text-decoration: underline;
	color: #57361f;
	}
	
#mailme:hover {
	color: #995e37;
	}	

#fb {
	text-decoration: none;
	color: #676767;
	}

#fb:hover {
	color: #818181;
	}
	
.iframeform {
	width: 50%;
	max-width: 50%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}

.socialmedia {
	filter: saturate(0%);
	-webkit-filter	: saturate(0%); 
	-moz-filter	: saturate(0%);
	-ms-filter	: saturate(0%);
	-o-filter 	: saturate(0%);	
}

/* ------  overrides for smartphones ------ */


@media only screen and (max-device-width: 640px) {

#logoimg {
	display: block;
	background-color: #ff8b6c;
    margin-left: auto;
    margin-right: auto; 
	max-width: 100%;
	border: none;
	padding: 0px;
	height: 100%;	
	}

.navbar {
	background-color: #9ca98c;	
	height: auto;
	max-width: 100%;
	margin-left: 0px;
	margin-right: 0px;   
	padding: 0px; 
    }

#nav-text{
font: normal 3em/normal Palatino, Helvetica, Geneva, Calibri, serif, Times;
	color:#797979;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	height: inherit;
	}

table {
	margin: auto;
	padding: 0px;
	border: 0px;
	height: inherit
	}
	
tr {
	width: 100%;
	}

#navbar-home {
	height: inherit;
	width: 100%;
	display: inline-block;
	margin: 0px;
	margin-bottom: 0.5em;
	text-align: center;
	}	
#navbar-myworks {
	height: inherit;
	width: 100%;
	display: inline-block;
	margin: 0px;
	margin-bottom: 0.5em;
	text-align: center;
	}	
#navbar-aboutme {
	height: inherit;
	width: 100%;
	display: inline-block;
	margin: 0px;
	margin-bottom: 0.5em;	
	text-align: center;
	}	
#navbar-contactme {
	height: inherit;
	width: 100%;
	display: inline-block;
	margin: 0px;
	margin-bottom: 0.5em;
	text-align: center;
	}	
	
.iframeform {
	width: 95%;
	max-width: 95%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}

.footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	font: normal 2em Palatino, Helvetica, Geneva;
	text-align: center;
	width: 95%;
	color:#6d4327;
	}

}