body { 
left: 0px;
font-family: 'Lato', sans-serif;
font-weight: 300; 
line-height: 1.3em; 
-webkit-font-smoothing: antialiased;
font-size: 1.3em; 
color: #fff;
}
	    
.container {
width: 100%;
position: fixed;
left: 0px;
top: 0px;
background-color: #000;
height: 50px;
color: #fff;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0.0;

  /* Safari 1.x */
  -khtml-opacity: 0.0;

  /* Good browsers */
  opacity: 0.0;
}

a {
font-size: 0.7em;
text-decoration: none;
color: #000;
}

.container-top {
width: 95%;
position: fixed;
top: 0px;
left: 0px;
padding: 10px;
height: 30px;
color: #fff;
z-index: 1000;
}

.container-top a {
font-size: 1em;
color: #fff;
}

.container-blog {
width: 50%;
position: relative;
top: 42px;
margin: 0px auto;
margin-bottom: 10px;
padding: 10px;
background-color: #fff;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
color: #fff;
z-index: -1000;
}

.container-blog1 {
position: relative;
top: 2px;
margin: 0px auto;
margin-bottom: 10px;
padding: 0px;
background-color: #fff;
color: #000;
z-index: 1000;
}

.container-blog img, .container-blog1 img {
width: 100%;
}

.container-blog span,  {
font-size: 40px;
font-weight: bold;
text-align: center;
}

.container-blog1 span {
position: relative;
}

.inner {
min-width: 40%;
position: relative;
padding: 5px;
font-family: 'Lato', sans-serif;
font-weight: 300;
}

.menu-link {
color: #111;
font-size: 30px;
}

.startimg {
width: 100%;
padding: 0px;
}

.startimg img {
height: auto;
width: 100%;
}

.startimg p {
position: absolute;
width: 100%;
top: 40px;
font-size: 40px;
font-weight: 300;
color: #fff;
text-align: center;
}

.menu2 {
width: 12em;
border: none;
height: 100%;
color: #fff;
}

.left {
float: left;
z-index: 1500;}

.right {
float: right;
text-align: right;
min-width: 10%;
font-size: 0.7em;
z-index: 1500;}

.logo {
max-width: 100px;
height: auto;
margin: 5px;
bottom: 10px;
left: 10px;
position: fixed;
}

ul.navigation-left li{
list-style: none;
color: #fff;
line-height: 1.6em;
}

ul.navigation-left li a{
color: #fff;
font-size: 20px;
font-weight: 300;
}

ul.navigation-left li a h2{
color: #fff;
font-size: 10px;
font-weight: 300;
margin: -15px 0 -5px 0;
}

.topimg {
height: 20px;
}
	 
	 
.mid {
width: 50px;
height: 30px;
text-align: center;
position: absolute;
left: 50%;
top: 15px;
margin-left: -25px;
z-index: 2000;
}

.projects {
width: 29%;
position: relative;
background-color: #000;
float: left;
left: -4px;
top: 45px;
color: #fff;
padding: 4px;
margin: 4px;
}

.back1 {
position: fixed;
left: 0px;
top: 0px;
background-color: #fff;
min-height: 5000px;
width: 100%;
z-index: -1200;}

.back {
position: fixed;
left: 0px;
top: 0px;
background-color: #000;
min-height: 5000px;
width: 100%;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
z-index: -1200;

    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -o-filter: blur(12x);
    -ms-filter: blur(12px);
    filter: blur(12px);

}

.panel1 {
color: #ababab;
font-size: 16px;
line-height: 1.1em;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}

.small {
font-size: 1em;
color: #000;
}

.address {
position: absolute;
bottom: 5px;
font-size: 12px;
line-height: 0.5em;
}

.address p a {
color: #fff;
font-size: 12px;
}

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

.container-top, .container  {
font-size: 28px;
height: 100px;
}

.left, .right{
float: left;
width: 100%;
text-align: center;
padding-left: -25px;
left: -15px;
}
.container-blog{
top: 92px;
width: 90%;
}
.container-blog1{
min-width: 100%;
}
.mid {
float: left;
top: 75px;
}
.logo {
visibility: hidden;
}
.small {
font-size: 30px;
}
}