body,td,th {
	color: #FFF;
}
body {
	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Roboto", sans-serif;
}
img
{
	width:800px;
	max-width:100%;
}

.header
{
	height: 303px;
    background-image: url(../img_contact/header.png);
    background-size: cover;
    background-position: center;
	position:relative;
}

.header .logo
{
    height: 172px;
    width: 326px;
    background-image: url(../img_contact/logo.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.buttons
{
    width: 324px;
    margin: 0 auto;
    margin-top: 50px;
	}
	
	
	.buttons .button
	{
		background-color:#eb2227;
		text-align:center;
		padding:8px 0;
		cursor:pointer;
		margin-bottom:20px;
		display:block;
		}
.buttons .button:hover
{
	background-color:#d0262a;
	}
.buttons .button img
{
	width:120px;
	margin:0 auto;
}


.footer
{
height: 134px;
    background-image: url(../img_contact/bg_footer.png);
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
	margin-bottom:60px;
}

.footer .copy
{
	color: #fff;
    background-color: #000;
    position: absolute;
    right: 0;
	bottom: -23px;
    width: 58%;
    padding: 20px;
}

@media (max-width: 1024px) {

  
  .header
  {
    height: 220px;
  
  }
  


  } 

  

@media (max-width: 800px) {

  
.header
{
	height: 150px;

}

.header .logo
{
  height: 97px;
  width: 183px;

}



  .buttons {
    width: 90%;
  }
} 































.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}