@import url("boomtag{boomtime_path}/css/bootstrap.css");   @media(max-width:767px){     #tag-wrapper{         margin-top:40px;     }          #main-wrapper-ribbon{         background: url("boomtag{boomtime_path}/img/gift_foryou/v3/ribbon-bg.png") no-repeat scroll -150px -50px / 150%  rgba(0, 0, 0, 0) !important;         height:100%;     }          #tag-to,     #tag-from{         font-size: 14px !important;     }          #tag-org-details{         font-size: 12px !important;         word-break: break-all;     }          .recipient-container h2{         font-size:13px !important;     } }    @media(max-width:767px) and (orientation:portrait){     #main-wrapper-ribbon{         background: url("boomtag{boomtime_path}/img/gift_foryou/v3/ribbon-bg.png") no-repeat scroll -300px -20px / cover  rgba(0, 0, 0, 0) !important;         height:100%;     }          #tag-wrapper{         width:100% !important;         margin-left:0 !important;     }          #tag-wrapper{         margin-top:150px;     }      }  @media(min-width:768px){     #tag-wrapper{         margin-top:250px;     }          #main-wrapper-ribbon{         background: url("boomtag{boomtime_path}/img/gift_foryou/v3/ribbon-bg.png") no-repeat scroll center center / 150% rgba(0, 0, 0, 0) !important;     }          #tag-to,     #tag-from{         font-size: 28px !important;     }          #tag-org-details{         font-size: 18px !important;         word-break: break-all;     } }  @media(min-width:992px){     #tag-wrapper{         margin-top:300px;            }          #main-wrapper-ribbon{         background: url("boomtag{boomtime_path}/img/gift_foryou/v3/ribbon-bg.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;     }          #tag-to,     #tag-from{         font-size: 34px !important;     }          #tag-org-details{         font-size: 24px !important;         word-break: break-all;     }           }  @media(min-width:1200px){     #tag-wrapper{         margin-top:560px;     }          #main-wrapper-ribbon{         background: url("boomtag{boomtime_path}/img/gift_foryou/v3/ribbon-bg.png") no-repeat scroll center center / cover  rgba(0, 0, 0, 0) !important;     }          #tag-to,     #tag-from{         font-size: 26px !important;     }          #tag-org-details{         font-size: 18px !important;         word-break: break-all;     }  }      body,html{         height:100%;     }  body{     background:url('boomtag{boomtime_path}/img/gift_foryou/v3/v1-bg-pattern.png'); }  #main-wrapper-ribbon{     background: url("boomtag{boomtime_path}/img/gift_foryou/v3/ribbon-bg.png") no-repeat scroll left top / cover  rgba(0, 0, 0, 0);     height:100%; }  #tag-container{     background: url("boomtag{boomtime_path}/img/gift_foryou/v3/form-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);     box-shadow: 1px 1px 2px #6d5e53;     padding: 10px; }  .tag-boarder{ }  .recipient-container{     padding: 5px; }  .recipient-container h2{     margin-top:10px; }  .tag-orgcontent-container{     padding: 15px; }  .tag-orgname-container{     padding: 0px 25px 10px; }  .v1-header-border{     background:#7a7750;     height: 7px;     margin-bottom: 10px;     width: 100%; }  .v1-form-container .form-control{ background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #F5F5F5 0%, #FFFFFF 100%);     border-radius: 0;     box-shadow: 0 0 3px #d3d3d3 inset;     font-family: 'Bree Serif', serif;     font-size: 14px;     }  .v1-form-container .btn{   background: #7a7a52; /* Old browsers */ background: -moz-linear-gradient(top, #7a7a52 0%, #5e5e2a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7a52), color-stop(100%,#5e5e2a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7a7a52 0%,#5e5e2a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7a7a52 0%,#5e5e2a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7a7a52 0%,#5e5e2a 100%); /* IE10+ */ background: linear-gradient(to bottom, #7a7a52 0%,#5e5e2a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a52', endColorstr='#5e5e2a',GradientType=0 ); /* IE6-9 */          border-radius: 0;     box-shadow: 0 0 5px #55552a inset;     font-family: 'Open Sans Condensed',sans-serif;     font-weight: bold;     text-transform: uppercase;     border:1px solid #393926; }  .v1-form-container .btn:hover{ background: #5e5e2a; /* Old browsers */ background: -moz-linear-gradient(top, #5e5e2a 0%, #7a7a52 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e2a), color-stop(100%,#7a7a52)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5e5e2a 0%,#7a7a52 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5e5e2a 0%,#7a7a52 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5e5e2a 0%,#7a7a52 100%); /* IE10+ */ background: linear-gradient(to bottom, #5e5e2a 0%,#7a7a52 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e2a', endColorstr='#7a7a52',GradientType=0 ); /* IE6-9 */ }  .tag-orgname-container, .tag-orgcontent-container{     text-align:center;     font-family: 'Bree Serif', serif; }  .recipient-container h2{     color: #7b7a52;     font-family: 'Bree Serif', serif;     font-size: 20px;     text-align: center;     text-transform: uppercase; }  #tag-to, #tag-from{     color: #7b7a52;     font-size: 18px; }  .tag-span-to-lbl, .tag-span-from-label{     font-weight: 800; }  .tag-orgcontent a{     color: #7b7a52; }  .tag-orgcontent{     font-weight:600; }  .tag-orgname{     font-weight:600; }  #jackpot {     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);     color: #414142;     display: none;     float: left;     font-weight: 400;     margin: 0 auto;     max-width: 408px;     min-height: 155px;     padding: 1em 2em 0;     position: absolute;     right: 0;     text-align: center;     bottom: -50px;     vertical-align: middle;     width: 100%;     z-index: 10; } #jackpot h1 {     color: #cd2032; } #jackpot p {     margin-bottom: 0; }