html{
font-size: 18px;
}
body{
font-family: Helvetica;
}
/*
a{
color: gray;
}
*/
/*----------------------------------*/
/* div{border: 1px solid blue;} */
/*----------------------------------*/
/*Header styles*/
header{
display: flex;
justify-content: center;
background-color: darkblue;
color: white;
z-index: 1;
position: fixed;
width: 100%;
font-weight: bold;
}
.logo{
display: flex;
align-items: center;
width: 960px;
}
.logo img{
height: 1.5rem;
margin: auto 1rem auto .5rem;
}
.logo span{
margin: 0.66rem 0;
}
.logo a{
color: magenta;
}
/* Main Content */
.container{
display: flex;
flex-direction: column;
padding-top: 2.32rem;
}
.mainCont{
background-image: url("../media/bg1pinh.jpg");
height: 30rem;
background-size: cover;
background-position: center;
justify-content: center;
}
.maincHold{
width: 960px;
margin: 0 auto;
padding-top: 7.5rem;
padding-right: 3rem;
}
.infoFloat{
color: black;
padding: 1rem 1rem;
}
.infoFloat h1{
font-size: 3rem;
padding: .75rem 0;
font-weight: 900;
}
.infoFloat h2{
font-size: 2.5rem;
font-weight: 900;
}
.infoFloat h3{
font-size: 2rem;
font-weight: 900;
}
.infocv19{
text-align: center;
}
/* Information Section */
.infoCont{
display: flex;
flex-direction: column;
z-index: -1;
}
.infoHold{
width: 960px;
margin: -2rem auto;
}
.infoHold div{
padding-top: 1rem;
}
.infoHold h2{
font-weight: bold;
font-size: 24px;
}
.inhold{
display: flex;
flex-direction: column;
}
.infoHold h2::before {
display: block;
content: " ";
margin: 2rem 0 0 0;
}
.intros{
width: 75%;
margin: 0 auto;
}
.intros h1 {
font-size: 24px;
font-weight: bold;
color: red;
}
.intros h5 {
font-size: 36px;
font-weight: bold;
color: red;
padding-top: 1rem;
padding-bottom: 1rem;
}
.intros h4{
text-indent: 1.5rem;
padding-top: 1rem;
}
.intros h3 h4{
font-weight: normal;
font-size: 22px;
}
/* Nav Bar */
.menu{
display: flex;
background-color: darkblue;
z-index: 0;
}
.menu nav{
margin: 0.5rem auto;
display: flex;
flex-direction: row;
width: 960px;
justify-content: space-between;
}
.menu span{
font-size: 1.15rem;
font-weight: bold;
/*text-shadow: 1px 2px white;*/
}
.menu a{
color: magenta;
}
/* Schedule Stuff */
#gsched{
width: 100%;
border-collapse: collapse;
}
#gsched th{
padding-bottom: 25px;
border: 1px solid black;
text-align: center;
background-color: darkblue;
color: white;
}
#gsched td{
border: 1px solid black;
padding: 5px;
}
#gsched tr:nth-child(even){
background-color: lightgray;
}
#gsched tr:hover{
background-color: gray;
}
/* Signup Stuff*/
.signCont{
background-image: url("../media/bg1pinh.jpg");
height: 55rem;
background-size: cover;
background-position: center;
justify-content: center;
}
.signHold{
width:700px;
margin: 0 auto;
padding-top: 2rem;
}
.buttons{
display: flex;
flex-direction: row;
justify-content: center;
}
.signHold h1{
font-size: 3rem;
font-weight: bold;
text-align: center;
}
.butts{
border:thin solid #03F;
margin: 0 5px;
padding: 8px;
}
.rity{
font-weight: bold;
font-style: italic;
text-align: center;
}
fieldset{
width: 700px;
}
fieldset p{
padding: 5px;
}
legend{
font-size: 20px;
}
label.field{
text-align: left;
width: 13rem;
float: left;
font-weight: bold;
text-shadow: 1px 1px white;
}
input.textbox-300{
width: 300px;
border: thin solid #888888;
}
input.textbox-300d{
width: 400px;
float: left;
border: thin solid #888888;
margin-left: 15px;
}
input.textbox-25{
width: 25px;
float: left;
border: thin solid #888888;
}
/* Thank You Page */
.signtxt h2{
font-size: 22px;
font-weight: bold;
}
.signtxt h3{
font-size: 20px;
font-weight: bold;
}
/* Google Map Section */
#lochold{
display: flex;
flex-direction: row;
padding: 0;
}
#lochold div{
display: flex;
flex-direction: column;
}
#lochold .mfadd{
margin: 3rem 5rem;
font-size: 20px;
font-weight: bold;
}
#lochold .map{
margin: auto auto;
padding: 0;
}
/* Cost Section */
#cost table{
margin: 30px auto;
font-size: 20px;
}
#costx{
width: 90%;
border-collapse: collapse;
}
#costx td{
padding: 10px 10px 0 0;
}
/* Contact Section */
#contact{
padding-bottom: 1.25rem;
}
#contact .mfadd{
margin: 1rem 1rem;
}
#cost h3{
padding-left: 25px;
font-size: 20px;
}
/* Footer Section */
footer{
display: flex;
flex-direction: row;
justify-content: center;
margin: 2px auto;
height: 5rem;
width: 960px;
}
footer img{
height: 5rem;
width: 5rem;
}
footer p{
margin: auto .5rem;
}
/* Screen size Section */
@media only screen and (max-width: 1024px){
.item{width: 47%;}
}