/****************************
    - Responsive styles -
****************************/
@media only screen and (max-width:680px) {
	h1 {
		font-size:36px;
	}
	
	.countdown-amount {
		font-size:48px;
	}
	
	#main .modal-toggle {
		position:relative;
		top:0;
		right:0;
		margin:28px auto 0;
	}
	
	#main .modal-toggle:hover {
		right:0;
	}
}

@media only screen and (max-width:540px) {
	.one-half {
		width:100%;
	}	
}

@media only screen and (max-width:480px) {
	h1 {
		font-size:30px;
	}
	
	.countdown-section {
		padding:1px 6px 6px;
	}
	
	.countdown-amount {
		font-size:42px;
	}
	
	#newsletter-form .form-field {
    margin: 0 0 28px;
	}
	
	#newsletter-form .form-submit {
		position:static;
		margin:0 auto;		
		right:auto;
		top:auto;
	
    margin-top: 28px !important;
    margin-bottom: 48px !important;
}
}

@media only screen and (max-width:360px) {
	.countdown-section {
		font-size:10px;
		padding:0 6px 3px;
	}
	
	.countdown-amount {
		font-size:36px;
	}
}

@media only screen and (max-width: 767px) {
    .logo,
    .logo img {
        margin-top: 4px !important;
        margin-bottom: 10px !important;
    margin-bottom: 0px !important;}

    .content,
    .main-message,
    .main-message h1,
    .main-message h2,
    .main-message p {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

    .content,
    .main-message,
    .main-message h1,
    .main-message h2,
    .main-message p {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

    .content,
    .main-message,
    .main-message h1,
    .main-message h2,
    .main-message p {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


@media only screen and (max-width: 767px) {
    body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .logo,
    .logo img {
        margin-top: 0 !important;
        padding-top: 0 !important;
    margin-bottom: 0px !important;}

    header,
    .main,
    .hero,
    .intro,
    .content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}


@media only screen and (max-width: 767px) {
    html, body {
        margin: 0 !important;
        padding: 0 !important;
    }

    .logo,
    .logo img {
        margin-top: 0 !important;
        padding-top: 0 !important;
    margin-bottom: 0px !important;}

    header,
    .main,
    .hero,
    .intro,
    .content,
    section,
    #main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}


@media only screen and (max-width: 767px) {
    h1.logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    h1.logo img {
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        height: auto;
        width: auto;
        max-width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    h1.logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    h1.logo img {
        margin: 0 !important;
        padding: 0 !important;
        display: block;
        height: auto;
        width: auto;
        max-height: 168px;
    }

    body,
    html {
        padding: 0 !important;
        margin: 0 !important;
    }

    #main, .container, .content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}


@media only screen and (max-width: 767px) {
    h1.logo {
    margin-top: 20px !important;
    text-align: center !important;
    }

    h1.logo img {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


@media only screen and (max-width: 767px) {
    body, html,
    .wrap,
    #main,
    .inner,
    header,
    h1.logo {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    h1.logo {
    margin-top: 20px !important;
    text-align: center !important;
    }

    h1.logo img {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
        height: auto;
        width: auto;
        max-height: 168px;
    }
}