@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&family=Poppins&family=Tinos&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tinos&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Tinos&display=swap');
* {
    box-sizing: border-box;
    margin: 0;
}
body {
    background-color: #EFEFEF;
    
}
.snow-camp{
    margin-top: 21px;
    margin-left: 30px;
    width: 200px;
}
.snowboard {
    width: 100vw;
    height: 336px;
}
.hero-h1 {
    /* margin-left:30px; */
    font-size: 28px;
    font-weight: normal;
    margin-top: 41px;
    margin-bottom: 30px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 5px;
}
span {
    font-weight: 300px;
}
.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
}
.paragraph {
    /* margin-left: 30px; */
    margin-right: 21px;
    font-size: 14px;
    margin-bottom: 27px;
    line-height: 1.5;
    font-family: 'Tinos', serif;
    font-weight: 300;
}
form {
    background-color: #dedede;
    display:flex;
    width: 302px;
    height: 48px;
    border-radius: 33px;

}
input {
    background-color: #DEDEDE;
    border-radius: 33px;
    border: none;
    height: 48px;
    width: 302px;
    margin-left: 30px;
    padding-right: 40px;
    /* padding-left: 36px; */
    font-family: 'Tinos', serif;
    margin-bottom: 73px;
    font-family: 'Poppins', sans-serif;
}

button {
    border-radius: 33px;
    background-color: #C0C2C5;
    border: none;
    height: 48px;
    width: 96px;
    /* position: relative;
    left: 265px;
    bottom: 48px; */
}
.button-image {
    width: 17px;
    height: 17px;
}
@media (min-width: 770px) {
    body {
        /* border: solid red 1px; */
        background-image: url('/images/matyas-paster-9Uz5yq4PLlY-unsplash.jpg');
        background-repeat: no-repeat;
        background-position: right;
        background-size: 50% 100%;
        height: 100vh;
        padding-left: 165px;
    }
    .snow-camp{
        width:291px;
        height: 71px;
        margin-top: 65px;
        /* margin-left: 140px; */
        
    }
    .snowboard {
        display: none;
        height:50%;
    }
   .hero-h1 {
       /* margin-left: 195px; */
       font-size: 64px;
       font-weight: normal;
       margin-bottom: 32px;
       margin-top: 91px;
   }
   span {
       font-weight: bold;
   }
   .paragraph {
       font-size: 16px;
       width: 444px;
       /* margin-left: 195px; */
       line-height: 28px;
       margin-bottom: 40px;
   }
   form {
       height: 56px;
       width: 445px;
   }
   input {
       height:56px;
       width: 445px;
       /* margin-left: 195px; */
   }
   button {
       width: 100px;
       height:56px;
       /* position: absolute;
       left: 541px;
       bottom: 235px;  */
   }
   .button-image {
       width:17px;
       height:17px;
   }

}