@font-face {
font-family: "FontsFree-Net-PlaylistScript"; 
src: url("/storage/app/media/FontsFree-Net-PlaylistScript.eot"); 
src: url("/storage/app/media/FontsFree-Net-PlaylistScript.eot?#iefix") format("embedded-opentype"),
url("/storage/app/media/FontsFree-Net-PlaylistScript.woff") format("woff"), 
url("/storage/app/media/FontsFree-Net-PlaylistScript.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
}


body{
    background-color:#274643;
}
.header{
    background-image: url("/storage/app/media/snow.png");
    background-repeat: no-repeat;
background-size: contain;
}
.section1{
    padding: 40px 0;
}
.pos-new-year{
position: relative;
}
.new-year{
    position: absolute;
    top: -50px;
}
.new-year img{
    width: 180px;
    height:auto;
}
.name-card-1{
    font-size:65px;
font-family: 'Montserrat', sans-serif;
color: #efce9b;
font-weight: 800;
}
.name-card-2{
font-size:55px;
    font-family: "FontsFree-Net-PlaylistScript";
    color:#ffffff;
    padding-bottom: 40px;
line-height: 1.3em;
}
.more{
    display: inline-block;
background-color: #8c7b36;
margin: 10px auto;
color: #f0e6c7;
font-size: 16px;
padding: 6px 25px;
border-radius: 3px;
}
.more:hover{
background-color: #79692a;
color: #fff;
}
.top-section {
  border-bottom: none;
}
.padd-t-b{
   padding: 50px 0 25px 0;
}
.card-list{
 width:100%;
 padding:15px;
 background-color:#ffffff;
 margin:0 0 30px 0;
}
.card-list img{
    width: 100%;
    height: auto;
}

.postcard-border{
    background-color:#274643;
padding: 25px 0 0 0;
}
.name-card{
    font-size:24px;
    color:#a89751;
    padding-bottom: 5px;
}
.card-img{
    position: relative;
width: 437px;
margin: 0 auto 15px;
border-radius: 0;
}
.card-img img{
        width:100%;
        height:auto;
    }
.text-card{
width: calc(100% - 30px);
padding: 10px;
height: 150px;
font-size: 20px;
text-align: center;
background-color: #355652;
color: #fff;
border: solid 1px #21403d;
font-weight: 600;
line-height:1.3em;
}
.sender{
    width:auto;
min-width: 130px;
padding: 8px;
font-size: 18px;
text-align: center;
background-color: #355652;
color: #fff;
border: solid 1px #21403d;
font-weight: 600;
margin-top: 15px;
}
.text-card1{
    font-size: 22px;
text-align: center;
color:#ffffff;
font-weight: 600;
padding: 10px 0;
max-width: 437px;
margin: auto;
}
.sender1{
    font-size: 18px;
text-align: center;
color:#8ab2ae;
font-weight: 600;
margin-top: 15px;
}
.butt-card{
background-color: #5ea22f;
color: #fff;
font-size: 20px;
font-weight: 600;
border: 1px solid #4a882d;
border-radius: 4px;
padding: 10px 30px;
width: 150px;
margin: 20px auto 0;
}
.butt-card:hover{
background-color: #4a882d;
}
h2{color: #cdb36e;
font-size: 32px;}
.header{background-color: black;}
.navbar-expand-md .navbar-nav .nav-link {
  color:#726951;}
  #page-header .contents h1 {
  font-size: 44px;
  padding: 20px 0 15px;
  }
  
 .share{
     text-align:center;
     margin: 30px auto 10px;
     font-size: 16px;
     color: #ffffff;
 }
 .share a:hover{
     color: #8c7b36;
 }
  .soc-media{
      text-align:center;
     margin: 10px auto 10px;
     font-size: 16px;
     color: #ffffff;
  }

  @media only screen and (min-width: 480px) and (max-width: 767px)
.mainmenu-area {
  padding: 0 15px;
}

@media (max-width: 500px){
.new-year {
    left:-50px;
}
}
@media (max-width: 767px){
    .name-card-1{
    font-size:45px;
font-family: 'Montserrat', sans-serif;
color: #efce9b;
font-weight: 800;
}
.name-card-2{
font-size:40px;
    font-family: "FontsFree-Net-PlaylistScript";
    color:#ffffff;
    padding-bottom: 40px;
line-height: 1.25em;
}
    .postcard-border {
    padding: 5px;
  }
    .card-img{
        width: 100%;
    }
    .card-img img{
        width:100%;
        height:auto;
    }
    .text-card {
         width: 100%;
         font-size: 20px;
    }
    .sender{
    font-size: 18px;
    }
    .text-card1{
        font-size: 20px;
        max-width: auto;
        width: 100%;
    }
    .sender1{
    font-size: 18px;
    }
    .new-year img{
    width: 150px;
    }
    .navbar{
    padding: 0 1rem;
    }
}