finalproject.css

.img-circle
{

	padding-top: 20px;


}

	/*/for small screen**/


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


.img-circle
{

	width: 100%;


}
a.sree
{
	padding-bottom: 60px; 

}

.peacock
{
	padding-bottom: 20px;
}
.il1
{
	margin-bottom:20px; 
	margin-left: 20px;

}



											}
/*----------for small screen-*/

#sree
{
	text-align: center;
}	
#me
{
	background-color: yellow;
	border-radius: 10px;
	border: double black  1px;
	margin: auto;
	padding: 20px;
	
}	
.navbar-default
{
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
header
{
	background-color: orange;
	color: blue;
	padding-top: 50px;
}


.foo
{

	padding-top: 30px;
}
body.about
{
	background-color: magenta;
}
body.port
{
	background-color: grey;
}
div.port
{
	padding-top: 20px;
}
div.folio
{
	border:yellow double 1px;
	margin: 2px;
	font-size: 1px;

}
img.folio
{

	width: 100px;
}
body.contact
{
	background-color:grey;
}
body.home
{
	background-color: orange;
}
section.contact
{
	padding-top: 50px;
}
img.thumb
{
	width: 225px;
	height: 225px;
}
#ill
{

	
	margin-top: 40px;
	padding-bottom: 20px;
}
.il1
{
	background-color: black;
	padding-bottom: 110px;
	margin-right: 20px;
}
.il2
{
	background-color: yellow;


}
.myicon
{
	margin-top: -20px;
	margin-bottom: 20px;

}
.icons
{
	margin-bottom: 20px;
}
button.back
{
	position: absolute;
	right: 0px;
	bottom:210px;
	opacity:0.5;
	

}
#ps
{
	margin-top: 100px;

}
.peacock
{
	margin-right: 10px;
}
.focus
{
	text-align: center;
	padding-top: 90px;
}


	



/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 200px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 200px;
  background-color: #f5f5f5;
}