@font-face {
    font-family: 'Chivo-Medium';
    src: url('../fonts/Chivo-Medium.eot');
    src: url('../fonts/Chivo-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Chivo-Medium.woff2') format('woff2'),
        url('../fonts/Chivo-Medium.woff') format('woff'),
        url('../fonts/Chivo-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chivo-Regular';
    src: url('../fonts/Chivo-Regular.eot');
    src: url('../fonts/Chivo-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Chivo-Regular.woff2') format('woff2'),
        url('../fonts/Chivo-Regular.woff') format('woff'),
        url('../fonts/Chivo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chivo-Bold';
    src: url('../fonts/Chivo-Bold.eot');
    src: url('../fonts/Chivo-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Chivo-Bold.woff2') format('woff2'),
        url('../fonts/Chivo-Bold.woff') format('woff'),
        url('../fonts/Chivo-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html { 
	background: url(../images/Longlox-Salon.jpg) no-repeat;
	height: 100%;
}

body {
	overflow-x: hidden;
    height: 100%;
    padding: 15px;
}

h1{
	font-family: 'Chivo-Medium';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	margin: 0 0 20px 0;
}

p{
	font-family: 'Chivo-Regular';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}

.signup-box {
    width: 45%;
    padding: 50px;
    background: #F7BFD8;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

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

    html { 
        background: url(../images/Longlox-Salon.jpg) no-repeat center center;
        height: 100%;
    }
    .signup-box {
      width: 100%;
      padding: 15px;
      left: 0;
      bottom: 0;
    }
}