* {box-sizing: border-box;}

#wrapper
{
background-color: #ffffff;
}


body 
{
color: #000000; 
background-color:#EAEAEA;
font-family: Arial, Helvetica, sans-serif;

}

header{
color: #addfad; 
background-color:#4169e1;
background-position: right;
background-repeat: no-repeat;
text-align: center;
}

.form{
text-align: center;


}
.therapistgrid
{
display:grid;
grid-template-columns: 1fr;
color: #1976D2;
grid-column-gap: 1em;
grid-auto-rows: minmax(50px, auto);
text-align: center;
font-size: 110%;
background-color: #EAEAEA;

}

.nest{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: minmax(50px, auto);

}


.nesty{
display:grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: minmax(50px, auto);

}
header a:link
{
color: #ffffff; 
text-decoration:none;
}

header a:visited
{
color: #ffffff; 
text-decoration:none;
}

header a:hover
{
color: #000000; 
text-decoration:none;
}


h1
{
margin-bottom:0;
margin-top:0;
font-size: 275%;
font-family: Georgia, "Times New Roman", serif;
padding-top: 0.5em;
padding-bottom: 1.00em;
letter-spacing: 0.40em;
}





nav
{
font-size: 92%;
font-weight: bold;
padding: 0em;
margin-top: 0px;
text-align:center;

}

nav ul{
list-style-type: none;

font-size: 1.5em;
margin: 5px;
}

nav li {
display: inline;
padding-right: 30px;
}

nav a:link{color: #000000;}

nav a:visited{color: #4169e1;}

nav a:hover{color: #4169e1;}


main ul
{
list-style-type:none;
background-color: #EAEAEA;
}


nav a
{
text-decoration: none;
transition: color 0.5s ease-out;
}


main
{
background-color: #EAEAEA;
padding-top: 1px;
padding-right:20px;
padding-left: 30px;
padding-bottom: 20px;
display: block;
overflow: auto;
text-align: left;
}




h2{
color: #4169e1;
font-family: Georgia, "Times New Roman", serif;
text-shadow:1px 1px 1px #CCCCCC;
}

h3{
color: #4169e1;
font-family: Georgia, "Times New Roman", serif;

}


footer{
font-family: Georgia, "Times New Roman", serif;
font-size: 75%;
font-style: italic;
padding: 2em;
background-color: #ffffff;
text-align:center;


}


contact{
font-size: 90%;
}

#surgicals
{
height: 300px;
background-image: url(images/surgical.jpg);
background-repeat: no-repeat;
background-size: 50% 70%;
background-position: center;

}



#hospital
{

height: 300px;
background-image: url(images/hospital.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;

}



table
{
width: 500px;

}

th{
text-align: left;}

table, th, td{
border: 1px solid #000000;
}



form { display: grid; 
grid-template-rows: auto;
grid-template-columns: auto;
grid-template-columns: 6em 1fr;
width: 60%;
grid-gap:1em;
background-color: #EAEAEA;
 margin-left: 45%;
    margin-right:25%;
    width: 50%;

}



input[type="submit"]  {margin-bottom: .5em;}







@media (min-width: 600px)
{

form{
display: grid;
grid-template-rows: auto;
grid-template-columns: 6em 1fr;
width: 60%;
grid-gap:1em;}

input[type="submit"] { grid-column: 2/3;  width: 9em;}


nav ul
{

display: flex;
justify-content: space-around;
}

nav li 
{
text-align: left;
display: inline;
border-bottom: none;
}

selector
{
padding-left:2em;
padding-right:2em;
}}










@media (min-width: 1024px)
{
nav ul 
{

flex-direction: row;
padding-top: 1em;
}

nav
{
text-align: left;
padding-left: 1em;
}



}
*/