/*Aidan Scott*/
main {
    display: grid;
    grid-template-columns: 45% 55%;
    grid-template-rows: 1fr;
    grid-template-areas: 
    "contact form";
    padding: 0;
    justify-items: center;
}
section {
    background-color: #D5D5D5;
    grid-area: contact;
    
}
section img {
    width: 20%;
    float: left;
    padding: 1rem 5%;
}

table {
    justify-self: center;
}

table, th, td {
    border: 2px solid #444444;
    width: 80%;
}



aside {
    grid-area: form;
    width: 100%;
    padding: 0;
}
aside h1 {padding-left: 5%;}
aside h2 {
    padding-left: 5%;
    padding-bottom: 1rem;
}
aside form {padding-left: 5%;}

/*form styles*/
label{
	display: block;
	float: left;
	width: auto;
	text-align: right;
}
input[type=text], input[type=email]{
	float: right;
	margin-left: 2%;
    margin-right: 55%;
	width: 25%
}
#button{
    margin: 1rem 0 1.5rem 4%; 
}

@media only screen and (max-width: 600px){
    body{
		grid-template-columns: 1fr;
		grid-template-rows:4.375rem 10rem 1fr 8.875rem;
		grid-template-areas:
			"head"
			"navi"
			"main"
			"foot";
	}
    nav li {
        float: none;
        width: 100%;
    }
    #headtext{font-size: 120%;}

    main{
        grid-area: main;
        display: block;
    }
    section{grid-area: sect;}

    aside{
        grid-area: asid;
        padding-top: 1rem;
    }
    input[type=text], input[type=email]{
        margin-right: 45%;
    }
    
}