@import url('https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caramel&display=swap');

@font-face{
    font-family: 'Porta';
    /* src: url('fonts/BerkshireSwash-Regular.ttf') format('truetype'); */
    src: url('fonts/CherrySwash-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

#home{
    position:relative;
    padding-top:150px;
    left:50%;
    transform: translate(-50%,-50%);
    width:100%;
    height:100vh;
    z-index: 100;
    margin-bottom:0;
}

#home h2{
    height:75px;
    position:relative;
    top:60%;
    left:30%;
    width:30vw;
    transform: translate(-50%,-50%);
    font-size: 90px;
    font-weight:100;
    color:#28381e;
    font-family: "Caramel", cursive;
}
#home h1{
    font-family: 'Porta'; 
    position:relative;
    top:50%;
    left:35%;
    width:65vw;
    transform: translate(-50%,-50%);
    font-size: 85px;
    color:#28381e;
}
#home h1 #last-word{
    color:#971e14;
}
#home p{
    
    position:relative;
    top:45%;
    left:50%;
    width:50vw;
    transform: translate(-50%,-50%);
    font-size: 30px;
    color:#28381e;
     font-family: "Radley", serif;
    font-weight: 400;
    font-style: italic;
    

}

#welcomePart{
    width:70%;
    height:50%;
    position:relative;
    top:50%;
    left:40%;
    transform: translate(-50%,-50%);
    text-align:center;
}

#oliveBranch{
    position:relative;
    width: 260px;
    height: auto;
    rotate: 90deg;
    left: -5%;
    top:-80px;
    
}

#door{
    position:absolute;
    width: 400px;
    height: auto;
    left: 67%;
    top:calc(100vh - height);
    
}

#Instagram a{
    text-decoration:none;
    color:#28381e;
    font-weight:bold;
}




@media (max-width:1440px){
    #door{
        top:810px;
    }
}

@media (max-width:1366px){
    #door{
        top:500px;
    }
}





@media (max-width:768px){

    #home{
        height: 450px;
    }
    
    #home h2{                    
        font-size: 45px;
        left:40%;
        top:53%;
        width:100%;
    }
    #home h1{
        font-size: 45px;
        top:30px;
        left:55%;
        width:130%;
    }
    #home p{
        font-size:20px;
        text-align:right;
        width:170px;
        left:95%;
        top: 180px;
    }
    #oliveBranch{
        display:none;
    }

    #door{
        left:-10px;
        width:200px;
        height:auto;
        top:655px;
    }
}


@media (max-width:480px){
    #home h1{
        top:160px;
    }

    
    #home p{
        top:100px;
        left:95%;
        width:120px;
    }

}

@media (max-width:400px){
    #home h1{
        top:60px;
    }

    
    #home p{
        top:100px;
        left:95%;
        width:120px;
    }

}


@media (max-width:390px){

    #home{
        height: 450px;
    }
    
    #home h2{                    
        font-size: 45px;
        left:40%;
        top:120px;
        width:100%;
    }
    #home h1{
        font-size: 40px;
        top:35px;
        left:62%;
        width:150%;
        font-family:'Times New Roman', Times, serif;
    }
    #home p{
        font-size:20px;
        text-align:right;
        width:150px;
        left:95%;
        top: 160px;
    }
    #oliveBranch{
        display:none;
    }

    #door{
        left:-10px;
        width:200px;
        height:auto;
        top:630px;
    }
}









@media (max-width:270px){
    #home h2{
        font-size: 32px;
        top:130px;
    }
    #home h1{
        font-size:40px;
        top:50px;
        
    }

    #home p{
        font-size: 15px;
        left:80%;
        top:100px;
    }

    #door{
        width:100px;
        top:770px;
    }
}