@import url("boomtag{boomtime_path}/css/bootstrap.css");


@media(max-width:767px){

    body{
        background:url("boomtag{boomtime_path}/img/gift_foryou/v2/v2-bg.jpg") no-repeat scroll center top / auto  #363636 !important;
    }

    #openbox-main{
        margin-top: 20px !important;
        margin-bottom:40px !important;
    }

    .main-content{
        border-top: 3px solid #f2e1bb;
        border-bottom: 3px solid #f2e1bb;
    }
    
    .ob-greetings h2{
        position: static;
        top: unset;
        -webkit-transform: none;
        -ms-transform:  none;
        transform:  none;
    }
    .ob-greetings h2 strong{
        font-size:20px !important; 
    }

    .ob-org-name h2{
        position: static;
        top: unset;
        -webkit-transform:  none;
        -ms-transform:  none;
        transform:  none;
    }
    
    

}

@media(max-width:767px) and (orientation:portrait){

    .ob-greetings h2{
        font-size:20px !important;
    }
    body{
        background:url("boomtag{boomtime_path}/img/gift_foryou/v2/v2-bg-portrait.jpg") no-repeat scroll center top / cover  #363636 !important;
    }
    
}

@media(max-width:767px) and (orientation:landscape){

    .main-content .lower-c h2{
        font-size:24px !important;
    }

    .main-content .lower-c h3{
        font-size:20px !important;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
        float:left !important;
    }

    .col-md-3 {
        width: 25% !important;
    }
    .col-md-6 {
        width: 50% !important;
    }
    
    .col-md-4 {
        width: 33.3333% !important;
    }
    
    #openbox-main{
        padding:8px !important;
    }

    .main-content{
        border-left: 3px solid #f2e1bb;
        border-right: 3px solid #f2e1bb;
        border-top: none;
        border-bottom: none;
    }

    .ob-greetings h2{
        font-size:13px !important;
        -ms-word-break: break-all; 
        word-break: break-all; 
        word-break: break-word; /* old webkit */ 
    }
    
    .main-content{
        padding:15px 15px !important;
    }

    .ob-greetings h2 strong{
        font-size:22px !important;
    }

	.partner_section h2 {
		font-size:20px!important;
	}
	
    .ob-org-name h2{
        font-size:16px !important;
    }

    .main-content .upper-c h1{
        font-size:60px !important;
    }

    body{
        background: url("boomtag{boomtime_path}/img/gift_foryou/v2/v2-bg.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0) !important;
    }

}

@media(min-width:768px){
   
    .main-content{
        border-top: 3px solid #f2e1bb;
        border-bottom: 3px solid #f2e1bb;
    }
    
    #openbox-main{
        margin-top: 250px !important;
    }

    

}

@media(min-width:992px){

    #openbox-main{
        margin-top: 220px !important;
    }
    
    .ob-greetings h2{
        font-size:18px !important;
    }
    
    .main-content{
        border-top: none;
        border-bottom: none;
        border-left: 3px solid #f2e1bb;
        border-right: 3px solid #f2e1bb;
    }
    

        
}

@media(min-width:1200px){
  
    .ob-greetings h2{
        position: relative;
        top: 50%;
        margin-top:0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ob-org-name h2{
        position: relative;
        top: 50%;
        margin-top:0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #openbox-main {
        margin-top: 370px !important;
    }

}

body,
html{
    height:100%;
}

body{
    background: url("boomtag{boomtime_path}/img/gift_foryou/v2/v2-bg.jpg") repeat scroll center top / cover  rgba(0, 0, 0, 0);
}

#openbox-main{
    background: url("boomtag{boomtime_path}/img/gift_foryou/v2/proffesional-tag-bg-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 2px 3px 3px #999180;
    margin-top: 320px;
    padding: 15px;
}

#openbox-inner{
    border: 3px solid #f2e1bb;
}

.ob-greetings{
    font-family:'Montserrat',sans-serif;
}

.ob-greetings h2{
    color: #947936;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.ob-greetings h2 strong{
    color: #333333;
    font-size: 42px;
    font-weight: bold;
    display:block;
}

.main-content{
    font-family: 'Montserrat',sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.ob-org-name{
    font-family: 'Montserrat',sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.main-content .upper-c h1{
    color: #947936;
    font-size:120px;
    margin-bottom:0;
    margin-top:0;
}
.main-content .upper-c h1 sup{
    font-size: 35%;
}

.main-content .lower-c h2{
    font-size: 40px;
    margin: 0;
}

.main-content .lower-c h3{
    font-size: 32px;
    margin: 0;
}

.partner_section h2 {
font-size:25px;
}

a {
font-size:18px;
font-family:Montserrat,sans-serif;
color:#007ca7;
}

a:hover {
color:#333;
}

.main-content,.ob-org-name {
font-family:Montserrat,sans-serif;
text-align:center;
text-transform:uppercase;
}

.partner_section,.partners {
opacity:0;
}