/* Main Screen */
body{
   margin: 0px;
}
/* Quote screen */
.picture-box{
   position: relative;
   bottom: 105px;
   margin: 0;
   background-image: url(Foto/Home-pic.jpg);
   background-attachment: fixed;
   background-size: cover;
   background-origin: content-box;
   height: 110vh;
}
.sub-title{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    color: #F9F5EB;
    text-shadow: black 5px 5px 6px;
    font-weight: 700;
    font-size: 20px;
    z-index: 5;
    position: absolute;
    bottom: 490px;;
    left: 40%;
    text-align: center;
    z-index: 5;
}
.title{
     font-family: 'Playfair Display', sans-serif;
     color: #F9F5EB;
     text-shadow: black 5px 5px 6px;
     font-size: 70px;
     text-align: center;
     position: absolute;
     bottom: 280px;
     left: 29%;
}

/* Showcase */ 

.properties-title{
    font-family: 'Playfair Display', sans-serif;
    font-size: 40px;
    text-align: center;
    position: relative;
    top: 60px;
}
.prop-description{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    text-align: center;
    position: relative;
    top: 50px;
}
.carousel_link{
    flex: 1;
    text-align: center;
    text-decoration: none;
}
.second-box-item{
    height: 600px;
    transition: height .5s ease;
}
.second-box-item:hover{
    height: 620px;
}
.card-bg{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.bigtext{
    font-family: 'Playfair Display', sans-serif;
    font-size: 30px;
    position: relative;
    bottom: 350px;
    color: white;
    text-shadow: black 5px 5px 6px;
}
.smalltext{
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    color: white;
    position: relative;
    bottom: 360px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    text-shadow: black 5px 5px 6px;
} 


/* Info */
.third-box{
    background-color: #E4DCCF;
    width: 100%;
    margin: 0px;
    height: 450px;
    position: relative;
    bottom: 130px;
    display: flex;
    align-items: center;
    justify-content: space-around;
 }
 .small-box{
     width: 33%;
     display: inline-block;
     text-align: center;
 }
 .icon{
   width: 80px;
   height: 80px;
 }
 .big-text{
    font-family: 'Playfair Display', sans-serif;
    color: black;
    font-weight: 700;
    font-size: 25px;
 }
 .small-text{
   font-family: 'Montserrat', sans-serif;
   color: black;
   font-size: 18px;
   width: 350px;
   position: relative;
   left: 70px;
   word-wrap: normal;
 }


 /* Newsletter */
.fourth-box{
    width: 100%;
    height: 900px;
    position: relative; 
    bottom: 150px;
    text-align: center;
    margin: 0px;
}
.background-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.world{
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    color: white;
    position: relative;
    bottom: 560px;
    text-shadow: black 5px 5px 6px;
}
.receive{
    font-family: 'Playfair Display', sans-serif;
    font-size: 50px;
    color: white;
    position: relative;
    bottom: 570px;
    text-shadow: black 5px 5px 6px;
}
form{
    position: relative;
    bottom: 580px;
}
.input{
    font-family: 'Playfair Display', sans-serif;
    font-size: 18px;
    width: 230px;
    height: 50px;
    padding: 5px;
    padding-left: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: black 1px solid;
    position: relative;
    top: 47px;
    left: 0px;
}
.subscribe{
    font-family:'Montserrat', sans-serif ;
    font-size: 15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: black 1px solid;
    width: 130px;
    height: 48px;
    position: relative;
    top: 45px;
    right: 6px;
    background-color: #002B5B;
    color: white;
    border: white 1px solid;
    transition: background-color .5s ease-in-out;
}
.subscribe:hover{
   background-color: rgb(211, 205, 205);
   color: #002B5B;
   border: #002B5B 1px solid;
}
.second-box-item{
    outline: #002B5B 1px solid;
}

.subscribed{margin-top: 50px; 
    color: white;
     font-family: 'Montserrat';
      display:none;}