@import url('https://fonts.googleapis.com/css2?family=Graduate&display=swap');

* {font-family:sans-serif;}

#toplogo {width: 500px}

body {margin:0; background-color: #252525;}

h1 {font-family:Graduate, sans-serif;}

#pagewrapper { width: 55%; margin: 0 auto; background-color:#fff1de;}

#hero {background-color: #04002b; margin: 0; text-align:center;}

.section {clear:both; margin: 2% 1%;}

.float{float:left; width:49%; margin-right:1%;}
.addresstext{float:left; width:59%; margin-right:1%; font-style:normal;}
.addressmap{float:left; width:39%; margin-right:1%;}

.cta_button {
padding: 10px 20px;
background: green;
border-radius: 5px;
border: 1px solid black;
text-align:center;
color: white;
text-decoration:none;
font-weight: bold;
}

.cta_button:hover {
background: rgb(0, 66, 0);
}

#footer {
text-align:center;
padding: 50px 0;
}

#contactform {
    width:60%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width:900px) and (min-width:631px) {
	#pagewrapper {width:80%}
}
@media screen and (max-width:630px) {
#pagewrapper { width: 100% }
.float{width:100%;}
#toplogo{width:350px;}
#contactform {
    width:100%;
    margin: 0 auto;
    display: block;
}
#graphlogo {display:none;}
}