body {
  font-family: "Source Sans Pro",sans-serif;
  font-size: 21px;
  font-weight: 200;
  color: #fff;
  line-height: 1.7;
  text-align: center;
  background: #000 url(../images/malecki-f+c.jpg) no-repeat top center;
  background-size: 100% auto;
}

a {
	color: #fff;

	}
	
a:hover, a:visited, a:focus {
	text-decoration: none;
	color: #fff;
	}

p {
	font-size: 17px;
	}
	
#home-top {

	}

	
.buttons {
	padding-top: 7%;
	}

.buttons {
    text-align: center;
}



h3 span.em {
	font-weight: 200;
	font-style: italic;
	margin-left: 7px;
	}

img {
    max-width: 100%;
    margin-top: 14%;
}
	
.btn {
    background-color: rgba(0, 153, 208, 0.49);
    border-radius: 0;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 21px;
    margin: 4px auto;
    padding: 9px 14px 6px;
    text-align: center;
}

h3, .h3 {
    margin: 7px;
}


.btn.btn-fm {
    background-color: rgba(0, 60, 105, 0.49);
}

.btn:hover, .btn:focus, .btn.focus {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
	
	
/* 490px 
--------------------------------------------------------- */
@media only screen and (max-width: 490px) {

body {
  font-size: 14px;
}

p,
h3,
.btn {
  font-size: 14px;

	}
}
/* 490px 
--------------------------------------------------------- */
@media only screen and (max-height: 350px) and (max-width: 700px) {

body {
	background-size: 100% auto ;
	}
	
}	

/* 490px 
--------------------------------------------------------- */
@media only screen and (min-height: 351px) and (max-width: 700px) {

body {
	background-size: auto 100%  ;
	}
	
}	

/* 490px 
--------------------------------------------------------- */
@media only screen and (min-height: 700px) and (max-width: 1300px) {

body {
	background-size: auto 100%;
	}
	
}