@media (max-width: 800px) {
    #page {
	width:95%;
	font-size:13px;
	margin-top:3em;
    }
    
    #page > H2:first-of-type {
	font-size:12px;
	background-image:url('../bundles/spaceshopcommandes/images/HexaTop2.svg');
	background-size: 1000px;
	height:32px;
	line-height:45px;
	padding-left:74px;
	margin-bottom:41px;
    }
    
    #page h4 {
	font-size:13px;
	margin-top:30px;
	margin-bottom:30px;
    }
    
    #page ul {
	padding-left:12px;
    }
    
    #page a {
        font-size:13px;
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    #page {
	width:550px;
	font-size:12px;
    }
    
    #page > H2:first-of-type > div {
	width: 75px;
	height: 14px;
	text-align: center;
    }
    
    #page > H2:first-of-type {
	font-size:11px;
	background-image:url('../bundles/spaceshopcommandes/images/HexaTop2.svg');
	background-size:100% 100%;
	height:31px;
	line-height:38px;
	padding-left:24px;
	margin-bottom:40px;
	letter-spacing:0em !important;
    }
    
    #page h4 {
	font-size:12px;
	margin-top:30px;
	margin-bottom:30px;
    }
    
    #page ul {
	padding-left:12px;
    }
    
    #page a {
        font-size:12px;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    #page {
	width:700px;
	font-size:14px;
    }
    
    #page > H2:first-of-type > div {
	width: 84px;
	height: 14px;
	text-align: center;
    }
    
    #page > H2:first-of-type {
	font-size:12px;
	background-image:url('../bundles/spaceshopcommandes/images/HexaTop2.svg');
	background-size:100% 100%;
	height:31px;
	line-height:40px;
	padding-left:35px;
	margin-bottom:40px;
    }
    
    #page h4 {
	font-size:14px;
	margin-top:30px;
	margin-bottom:30px;
    }
    
    #page ul {
	padding-left:12px;
    }
    
    #page a {
        font-size:14px;
    }
}

@media (min-width: 1441px) {
    #page {
	width:950px;
	font-size:15px;
    }
    
    #page > H2:first-of-type > div {
	width: 100px;
	height: 14px;
	text-align: center;
    }
    
    #page > H2:first-of-type {
	font-size:13px;
	background-image:url('../bundles/spaceshopcommandes/images/HexaTop2.svg');
	background-size:100% 100%;
	height:31px;
	line-height:45px;
	padding-left:52px;
	margin-bottom:40px;
    }
    
    #page h4 {
	font-size:15px;
	margin-top:30px;
	margin-bottom:30px;
    }
    
    #page ul {
	padding-left:13px;
    }
    
    #page a {
        font-size:15px;
    }
}



#page {
    color:white;
    font-family: 'reso';
    letter-spacing:.08em;
    margin:auto;
    padding-top:50px;
}

#page > H2:first-of-type {
    font-family: 'resoLight';
    letter-spacing:.08em;
    text-transform:uppercase;
    background-position:top left;
    background-repeat:none;
    color:#00FF00;
}

#page h4 {
    color:#00FF00;
    font-family: 'resoLight';
    letter-spacing:.08em;
    text-transform:uppercase;
}

#page li::marker {
    color:#00FF00;
}

#page a {
    color:#00FF00;
    text-decoration:none;
    font-family: 'reso';
    letter-spacing:.08em;
}