html,body{
    margin: 0;
	padding: 0;
}
.container{
    height: 100vh;
    width: 100%;
	padding: 0;
	margin: 0, auto, 0, auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.header{
		width: 100%;
		max-width: 100%;
		height: 40px;
		background-color: yellow;
		margin: 0;
		padding: 0;
	}
	.nav-top{
		max-width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		float: right;
		position: relative;
	}
	.nav-top ul{
		list-style-type: none;
		margin-top: 10px;
		margin-right: 20px;
	}
	.nav-top ul li{
		list-style: none;
		display: inline-flex;
		padding: 5px;
		margin-left: 10px;
	}
	.nav-top ul li a{
		text-decoration: none;
		color: black;
		transition: color 0.5s;
	}
	.banner{
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: auto;
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-color: yellow;
	}
	.banner img{
		margin-top: -10px;
		margin-bottom: 10px;
		max-width: 100%;
		width: auto;
		height: auto;
		animation: fadein 3s;
	}
	@keyframes fadein {
		0% {opacity: 0;}
		100% {opacity: 1;}
    }
	.left{
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		text-align: center;
	}
	.navigation{
		display: none;
	}
	.navigation img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		width: auto;
		height: auto;
	}
	.navigation ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.navigation ul li{
		list-style: none;
		margin-bottom: 4px;
	}
	.DeliveryStamp{
		padding: 0;
		margin: 0;
	}
	.DeliveryStamp img{
		width: 30%;
		max-width: 100%;
		height: auto;
		display: flexbox;
		margin-left: auto;
		margin-right: auto;
		margin-top: 6px;
		padding: 10px;
	}
	.DeliveryStamp img:hover{
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}
    #maincontent{
        width: 100%;
        background-color: white;
        padding: 0;
        margin: 0;
    }
    .right{
        width: 100%;
        padding: 0;
        margin: 0;
        display: block;
    }
    h1{
        font-size: 32px;
        font-family: 'century gothic', 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
        text-align: center;
        text-shadow: 2px 2px yellow;
        font-style: italic;
    }
    .form{
        width: 90%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .form p{
        font-size: 15px;
        font-family: 'century gothic', 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
        text-align: center;
    }
    .col{
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .form-control{
        width: 1000px;
        max-width: 400px;
        height: 25px;
    }
    .form-control2{
        width: 1000px;
        max-width: 400px;
        height: 125px;
    }
    .btn{
        width: 150px;
        height: 30px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        margin-bottom: 25px;
        color: yellow;
        font-weight: bold;
        background-color: black;
        cursor: pointer;
    }
    #footer{
        clear: both;
        padding: 0;
        margin: 0;
        height: 150px;
        max-width: auto;
        max-height: auto;
        background-color: black;
    }
    .rules{
        width: 25%;
        float: left;
        margin: 14px 0 0 30px;
        max-width: 100%;
    }
    .rules ul{
        margin: 0;
        padding: 0;
    }
    .rules ul li{
        list-style: none;
        margin: auto;
        border-bottom: 1px dotted yellow;
    }
    .rules ul li a{
        text-decoration: none;
        font-family: Century gothic, sans-serif;
        font-size: 14px;
        line-height: 30px;
        color: white;
    }
    .socialmedia{
        width: 30%;
        text-align: center;
        margin: auto;
        padding: 0;
    }
    .socialmedia img{
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 20px 0 0 0;
        padding: 0 0 0 10px;
    }
    .socialmedia p{
        margin: 0;
        font-family: Century gothic, sans-serif;
        font-size: 12px;
        padding: 40px 0 0 15px;
        color: white;
    }
    .flash{
        animation-name:	flash;
        animation-duration:	2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        animation-direction: alternate;
    }
    @keyframes flash{
        from {
        color:white;
        }
        
        to {
        color:yellow;
        }
    }
    .g-recaptcha{
        width: 100%;
        margin: auto;
        padding: 0;
    }
    }
    @media only screen and (min-width: 768px) {
        .header{
            width: 100%;
            max-width: 100%;
            height: 40px;
            background-color: yellow;
            margin: 0;
            padding: 0;
        }
        .nav-top{
            max-width: 100%;
            height: auto;
            padding: 0;
            margin: 0;
            float: right;
            position: relative;
        }
        .nav-top ul{
            list-style-type: none;
            margin-top: 10px;
            margin-right: 20px;
        }
        .nav-top ul li{
            list-style: none;
            display: inline-flex;
            padding: 5px;
            margin-left: 10px;
        }
        .nav-top ul li a{
            text-decoration: none;
            color: black;
            transition: color 0.5s;
        }
        .banner{
            width: 100%;
            height: auto;
            max-width: 100%;
            max-height: auto;
            display: block;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            background-color: yellow;
        }
        .banner img{
            margin-top: -10px;
            margin-bottom: 10px;
            max-width: 100%;
            width: auto;
            height: auto;
            animation: fadein 3s;
        }
        @keyframes fadein {
            0% {opacity: 0;}
            100% {opacity: 1;}
        }
        .left{
            width: 25%;
            margin: 0;
            padding: 0;
            float: left;
            text-align: center;
        }
        .navigation{
            max-width: 100%;
            padding: 0;
            margin: 20px 0 0 0;
            display: block;
        }
        .navigation img{
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            width: auto;
            height: auto;
        }
        .navigation ul{
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .navigation ul li{
            list-style: none;
            margin-bottom: 4px;
        }
        .DeliveryStamp{
            padding: 0;
            margin: 0;
        }
        .DeliveryStamp img{
            width: 35%;
            max-width: 100%;
            height: auto;
            display: flexbox;
            margin-left: auto;
            margin-right: auto;
            margin-top: 6px;
            padding: 10px;
        }
        .DeliveryStamp img:hover{
            -webkit-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3);
        }
        #maincontent{
            width: 100%;
            background-color: white;
            padding: 0;
            margin: 0;
        }
        .right{
            width: 75%;
            padding: 0;
            margin: 0;
            float: right;
            display: block;
        }
        h1{
            font-size: 32px;
            font-family: 'century gothic', 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
            text-align: center;
            text-shadow: 2px 2px yellow;
            font-style: italic;
        }
        .form{
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        .form p{
            font-size: 15px;
            font-family: 'century gothic', 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
            text-align: center;
        }
        .col{
            max-width: 100%;
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
        .form-control{
            width: 1000px;
            max-width: 500px;
            height: 25px;
        }
        .form-control2{
            width: 1000px;
            max-width: 500px;
            height: 125px;
        }
        .btn{
            width: 150px;
            height: 30px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 15px;
            margin-bottom: 25px;
            color: yellow;
            font-weight: bold;
            background-color: black;
            cursor: pointer;
        }
        #footer{
            clear: both;
            padding: 0;
            margin: 0;
            height: 150px;
            max-width: auto;
            max-height: auto;
            background-color: black;
        }
        .rules{
            width: 25%;
            float: left;
            margin: 14px 0 0 30px;
            max-width: 100%;
        }
        .rules ul{
            margin: 0;
            padding: 0;
        }
        .rules ul li{
            list-style: none;
            margin: auto;
            border-bottom: 1px dotted yellow;
        }
        .rules ul li a{
            text-decoration: none;
            font-family: Century gothic, sans-serif;
            font-size: 14px;
            line-height: 30px;
            color: white;
        }
        .socialmedia{
            width: 30%;
            text-align: center;
            margin: auto;
            padding: 0;
        }
        .socialmedia img{
            max-width: 100%;
            width: auto;
            height: auto;
            margin: 20px 0 0 0;
            padding: 0 0 0 10px;
        }
        .socialmedia p{
            margin: 0;
            font-family: Century gothic, sans-serif;
            font-size: 12px;
            padding: 40px 0 0 15px;
            color: white;
        }
        .flash{
            animation-name:	flash;
            animation-duration:	2s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
            animation-direction: alternate;
        }
        @keyframes flash{
            from {
            color:white;
            }
            
            to {
            color:yellow;
            }
        }
        .g-recaptcha{
            margin-left: 35%;
            margin-right: 35%;
            text-align: center;
            padding: 0;
        }
        }