/*
WR TEMPLATE
*/

@media all and (max-width: 1025px), (max-height: 769px) {
    #logo{width:125px; height:125px; top:3%; margin:0px 0px 0px -72px;}
    #scroller > p{font-size:64px; line-height: 64px}
    .btn_container{bottom:3%;}
    a.btn{padding:8px 24px 5px; border-radius:12px; font-size: 32px;}

    #mainContents > .container{padding-top:150px;}
    h1{margin-top:45px;}
    #socialIcons{padding: 30px 0px 10px 0px; margin: 30px 0px 0px 0px;}
}

@media all and (max-width: 750px), (max-height: 500px) {
    #logo{width:100px; height:100px; margin:0px 0px 0px -50px;}
    #scroller{margin-top:0px;}
    #scroller > p{font-size:42px; line-height: 42px}
    .btn_container{bottom:0%;}
    a.btn{padding:5px 15px 3px; border-radius:7px; font-size: 24px;}

    .countdown-section{display:block; float:none; clear:both; text-align:center; margin:5px auto}
    .countdown-amount{display:block; margin:0px auto; font-size:56px; line-height:56px;}

    #mainContents > .container{width:95%; padding-top:120px;}
    h1{font-size:38px; margin-top:25px;}
    #mainContents > .container > p {font-size: 14px; line-height: 20px;}
    #socialIcons{padding: 25px 0px 0px 0px; margin: 25px 0px 0px 0px;}
    div.email_alert{font-size:14px;}
}