@charset "UTF-8";

@media only screen and (max-width: 900px) {

	#header {
		justify-content: center !important;
	}

    .page-setup {
        flex-direction: column;
    }
    
    .page {
        width: 100%;
    }
    
    .page #rules {
        margin: 2em auto;
        padding-left: 1.5em;
    }
    
    .page .center {
        text-align: center;
    }
    
}

@media only screen and (max-width: 700px) {

	h1 {
		font-size: 11.14vw;
	}
	
	h2 {
		font-size: 10vw;
	}
	
	h4 {
		font-size: 4.85vw;
	}
	
}

@media only screen and (max-width: 600px) {

	h4 {
		font-size: 5.667vw;
	}
	
}

@media only screen and (max-width: 620px) {
	
	#page-content {
		padding: 0px 3vw 20px;
	}
	
	.desktop {
		display: none;
	}
}

@media only screen and (max-width: 550px) {

    .prize-circle {
        margin: 25px;
    }
	
}

@media only screen and (max-width: 430px) {

	h1 {
		font-size: 48px;
	}
	
	h2 {
		font-size: 38px;
	}
	
	h4 {
		font-size: 24px;
	}
    
}

@media only screen and (max-width: 420px) {
    
    .page-form #header img#pl_rgc, .page-thanks #header img#pl_rgc, .page-feedback #header img#pl_rgc {
        height: calc(40% - 10px);
    }
    
    #header img#inside {
        height: calc(70% - 10px);
        margin-top: 10px;
    }
    
}

@media only screen and (max-width: 400px) {

    .button {
		width: 80%;
		padding: 0.25em 0;
	}
    
    #page-content form #submit.button {
		width: 90%;
		padding: 0.25em 0;
	}
	
}

@media only screen and (max-width: 360px) {
	
	.button {
		width: 90%;
	}
    
    form #submit.button {
		width: 100%;
	}
	
	.prize-circle {
        margin: 25px auto;
    }
	
}

@media only screen and (max-width: 215px) {
	
	#pl_rgc_logo {
		min-width: 96%;
	}
	
}