@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-Bold.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-Italic.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-BlackItalic.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-Regular.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-BoldItalic.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-Light.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-LightItalic.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather/Merriweather-Black.woff2') format('woff2'),
        url('../fonts/Merriweather/Merriweather-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Lobster 1.3';
    src: url('../fonts/lobster/Lobster13.woff2') format('woff2'),
        url('../fonts/lobster/Lobster13.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobster/lobster_13regular.woff2') format('woff2'),
        url('../fonts/lobster/lobster_13regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lobster 1.3';
    src: url('../fonts/lobster/Lobster13.woff2') format('woff2'),
        url('../fonts/lobster/Lobster13.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lobster 1.3';
    src: url('../fonts/lobster/Lobster13.woff2') format('woff2'),
        url('../fonts/lobster/Lobster13.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



html, body{
padding: 0;
margin: 0; 
}
.text-center{
	text-align: center;
}
.wrapper{
	background-image: url(../images/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}
.content {
    color: #fff;
    max-width: 570px;
    margin: 0 auto;
    padding-bottom: 85px;
}
h1{
	font-family: 'lobster_1.3regular';
    font-size: 78px;
    letter-spacing: 4px;
    font-weight: normal;
    margin: 100px 0 70px;
}
h4{
	font-family: 'Merriweather';
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 38px;
}
p{
	font-family: 'Lobster 1.3';
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 50px;
    line-height: 40px;
}
h2{
	font-size: 68px;
    font-family: 'lobster_1.3regular';
    letter-spacing: 4px;
    font-weight: normal;
    margin: 60px 0 0;
}


@media (max-width: 767px){
	.wrapper{
	background-image: url(../images/mobile-bg.jpg);
	background-position: center right;
}
}
@media (max-width: 640px){
.content {
    max-width: 90%;
}
p{
	line-height: 46px;
}
h1{
	font-size: 70px;
}
}

@media (max-width: 480px){
	h1 {
    font-size: 46px;
}
p{
	line-height: 28px;
    font-size: 18px;
}
h4{
font-size: 18px;
line-height: 28px;
}
h2{
	font-size: 48px;
}
}