@charset "utf-8";
/* CSS Document */

/* -- Tip: Use a relative namespace such as '#BigSquare336x280 or #MTVDriver -- */
/* BEGIN DRIVER CSS */
#ad #warren{
    position: absolute;
    bottom: 0;
    right: 50%;
    max-width: 330px;
    z-index: 2;
    margin-right: -182px;
}
#ad #digiGlass{
    position: absolute;
    top: 58px;
    left: 50%;
    max-width: 155px;
    z-index: 2;
    margin-left: -109px;
}
#ad .copy{
    font-family: arial,helvetica,sans-serif;
    font-size: 12vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    position: absolute;
    top: 4vw;
}
/* END DRIVER CSS*/

/*responsive breakpoints*/
@media screen and (max-width:247px){
    #ad .copy{
        font-size: 12vw;
    }
}

@media screen and (min-width:247px) and (max-width:320px){
    #ad .copy{
        font-size: 11vw;
    }
}

@media screen and (min-width:320px) and (max-width:400px){
    #ad .copy{
        font-size: 10vw;
    }
}

@media screen and (min-width:400px) and (max-width:470px){
    #ad .copy{
        font-size: 8vw;
    }
}
@media screen and (min-width:470px) and (max-width:790px){
    #ad #warren{
        position: absolute;
        bottom: 0;
        left: -71px;
        max-width: 100%;
        z-index: 2;
    }
    #ad #digiGlass{
        position: absolute;
        top: -4px;
        left: 95px;
        max-width: 178px;
        z-index: 2;
    }
    #ad .copy{
        font-family: arial,helvetica,sans-serif;
        font-size: 8vw;
        font-weight: bold;
        color: #fff;
        text-align: center;
        text-decoration: none !important;
        position: absolute;
        top: 20px;
        right: 0;
        max-width: 63%;
    }
}

@media screen and (min-width:790px){
    #ad #warren{
        position: absolute;
        bottom: 0;
        left: -71px;
        max-width: 100%;
        z-index: 2;
    }
    #ad #digiGlass{
        position: absolute;
        top: -4px;
        left: 95px;
        max-width: 178px;
        z-index: 2;
    }
    #ad .copy{
        font-family: arial,helvetica,sans-serif;
        font-size: 60px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        text-decoration: none !important;
        position: absolute;
        top: 20px;
        right: 0;
        max-width: 63%;
    }
}
/*responsive breakpoints*/


/*CORE TEMPLATE CSS*/
/* -- Do Not Modify Or Add Code Past This Line -- */
#ad{
	width: 100%;
	height: 400px;
	position: absolute;
    top:0;
    left:0;
	overflow: hidden;
	font-family: 'Montserrat', sans-serif; 
	background: #db77f4; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom left, #f38d70 , #db77f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom left, #f38d70 , #db77f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom left, #f38d70 , #db77f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom left, #f38d70 , #db77f4); /* Standard syntax */
	background-repeat: no-repeat;
	background-position: top left;
}