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

	
	
	.show-mob{padding-top:50px;padding-left: 0px;}
	
		.mobile-nav{ position: absolute;
    font-size: 28px;
    cursor: pointer;
    color: #2F245B;background-image: url(../images/menu-hamburger.svg); background-repeat: no-repeat; height: 40px; width: 40px; top:15px; right: 20px; transition: 0.4s}

	.mobile-nav:hover{background-image: url(../images/menu-hamburger-over.svg);}
	
	.mobile-nav .fa-bars{display: none}
	#main-nav{
		position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000000;
    display: none;
    width: 100vw;
    height: 100vh;
    padding: 0;    transition: opacity 400ms ease 0s; margin-left: 0px; margin-right: 0px
	}
	
		#main-nav ul {margin-top: 50px}
	
	
	#main-nav ul li{float:none; display: block; margin-left: 8px;
margin-right: 8px; margin-bottom: 25px}
	
	#main-nav ul li a{text-align:center; 
display: block;
font-family: AkkordeonNine; text-transform: uppercase; letter-spacing: 1px; color: #000000; font-size: 70px; line-height:62px}
	
#main-nav ul li a:hover,#main-nav li.current-menu-item a,#main-nav ul li a:focus{color:#ffffff}
	
#main-nav ul li.current-menu-item a {
    color: #ffffff;
}
	



	.menu-header{display:none; padding-top:50px;}
		.close-mob{       position: fixed;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 60000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer; padding-top: 13px; padding-right: 22px }
	
	.close-mob img{width:23px;}
	
	.menuin{position: relative;
    z-index: 500;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    
    background-color:#54C0D9; }

#main-nav li ul{
    position: relative;
    width: inherit;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0px;
    padding-bottom: 0;
    visibility: visible;
    opacity: 1;
    margin-left: 0px; border: none!important;
	background:none;
}
	.mobmenu-header {margin-bottom:30px;}

	

.menu-logo-popup{position: absolute; top:20px; left: 25px}
	.menu-logo-popup img{height: 30px;}

	
	
}








@media only screen and (max-width:1112px) {
	
	
	input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	 -webkit-border-radius: 0px 0px 0px 0px;
}
	
	.wpcf7-form input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	 -webkit-border-radius: 0px 0px 0px 0px; letter-spacing: -1px
}
	
	
	
h2 {
font-size: 45px;
line-height: 39px;
}
	

	
	h3 {
font-size: 60px;
line-height: 52px;
}
	
	
	h1 {
font-size: 100px;
line-height: 80px;
}
	
	
}









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

		
	
.mobile-only{display:block!important}
.desktop-only{display: none!important}
	
		
select {
    -webkit-appearance: none;
}

input {
    -webkit-appearance: none;
}

	
	.flexrow {
    display: block;
}
	
	
	h1 {
font-size: 80px;
line-height: 68px;
}

	
	.wrap {
padding-left: 15px;
padding-right: 15px;
}
	
	
	.homeheader p {
font-size: 40px;
line-height: 32px;
padding-bottom: 18px;
}

	
	.paddingbottom {
padding-bottom: 25px;
}
	
	.paddingtop {
padding-top: 40px;
}
	
h2 {
font-size: 80px;
line-height: 67px; padding-bottom: 5px
}
	
	
.page-id-10 #mainbody { margin-top: 120px
}


	.holding-columns {
    margin-top: 00px;
}

.holding-left-column {
padding-right: 0%;
}
	
	
	#centredlogo {
text-align: center;
}
	
	
	.wpcf7-form input[type=submit] {
float: none; display: block;width: 100%; font-size: 30px; letter-spacing: 0px; padding-left: 0px; padding-right: 0px
}
	
	
	.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
max-width: 98%;
width: 98%;
float: none; 
}
	
	
	.holding-box {
padding-top: 40px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 60px;
}
	
	
}













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


	

		.paddingbottom {
padding-bottom: 20px;
}
	
	.paddingtop {
padding-top: 30px;
}
	

	body {
text-align: center
}
	
.wpcf7-form p {
text-align: left;
}
	
	


	
	
}






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

	
	
}







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

}




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

	
	h1 {
font-size: 60px;
line-height: 50px;
}
	
#main-nav ul li a {
font-size: 50px;
line-height: 42px;
}
	.mobile-nav {
height: 30px;
width: 30px;

}
	

}