body{
		background: #f7f7ff;
		margin:0px;
		padding:0px;
		font-family: Trebuchet MS, arial;
	}
	.container{
		width:1000px;
		margin: 0px auto;
		position:relative;
	}
	.header{
		background: url('/header.jpg') no-repeat;
		min-height: 200px;
		width:100%;
	}
	.header img{
		height: 400px;
		float:right;
		position:relative;
		z-index:1;
	}
	.contacts{
		position:absolute;
		top:30px;
		right: 180px;
		color:white;
		font-weight:bold;
		font-size:1.5em;
		text-align:right;
		color:#dadada;
	}
	.contacts a{
		font-size: 0.8em;
		color:#dadada;
	}
	.skills{
		margin-left: 20x;
	}
	.menu{
		background:#dadada;
		width:100%;
		min-height: 30px;
		position:absolute;
		top:132px;
		z-index:0;
		line-height:30px;
		margin:0px;
		padding:0px;
	}
	.menu li{
		list-style-type:none;
		list-style-image:none;
		float:left;
		margin:0px 20px;
		font-weight:bold;
	}
	.menu a{
		text-decoration:none;
		color:#444;
	}
	.content{
		position:absolute;
		top:200px;
	}
    .right-column{
        width:630px;
    }
    .mobile-contact-details{
        display:none;
    }
    .home-image{
        width:200px;
    }
    .contact-table{
        width: 100%;
    }
    .content.contact{
        position:initial;
    }
    
   .contact-page .content {
         padding-right: 140px;
    }
   
    
    
      .contact-table tr td{
        width: 100%;
        display: block;
        float: left;
   }

@media only screen and (max-width: 999px) {
 
 .container {
    width: 100%;
 }
    .right-column{
      width:100%;
   }
   table tr td{
        width: 100%;
        display: block;
        float: left;
   }
   .content {
    padding: 15px;
    box-sizing: border-box;
    }
    .mobile-contact-details{
            background: #dadada;
            color: #444;
             padding:10px 0px;
                 text-align: center;
                 font-size:14px;
                 display:block
    }
    .mobile-contact-details a{
        text-decoration: none;
        color:#444;
       padding:0px 5px;
    }
    .contacts{
        display:none;
    }
}




@media only screen and (max-width: 420px) {
    .header img{
        display:none;
    }
    .home-image{
        width:100%;
    }
       .contact-page .content {
         padding-right: 15px;
    }
}