@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    margin:5% 0 0 0; 
    background-color:#ed4A72;
    font-family: "Inter", sans-serif;
    background-image:url("../images/laurie.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}	

.container {
    width:50%;
    margin:0 auto;
    text-align: center;
}

footer {
    color:#fff3e7;
    font-size:14px;
    margin:100px 0 200px 0;
    line-height: 1.7em;
}

img {
    min-width:350px;
    max-width:550px;
    margin-bottom:40px;
}

h1 {
    color:#000;
    font-size:2.5em;
    font-weight:500;
}

p {
    color:#fff3e7;
    font-size:1.5em;
    text-align: left;
    line-height: 1.3em;
}

p.fineprint {
    color:#fff3e7;
    font-size:1.1em;
    text-align: center;
}

a:link, a:visited {
    color:#fff3e7;
    text-decoration: underline;
}

a:hover, a:active {
    color:#000;
    text-decoration: none;
}


.button a:link, .button a:visited {
    background-color:#000;
    color:#fff3e7;
    border-radius: 50px;
    padding: 15px 50px;
    text-decoration: none;
    font-size:20px;
    width:200px;
    text-transform: uppercase;
    margin:30px 0;
    display:inline-block;
    text-align: center;
}

.button a:hover, .button a:active {
    background-color:#fff3e7;
    color:#000;
}

@media (max-width: 1100px) {
	body {
		background-image:url("../images/laurie-mobile.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
    .container {
        width:85%;
        margin:0 auto;
        text-align: center;
    }

    h1 {
        color:#000;
        font-size:1.7em;
        text-transform: uppercase;
        font-weight:500;
    }
}