@import "reset.css";

#navbar {
    display:flex;
    justify-content: flex-end;
    background-color:rgb(170, 202, 175)
}
.navitem {
    margin:30px;
    font-size:18pt;
}
a {
    text-decoration:none;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
a:link {
    color: rgb(255, 255, 255);
}
a:visited {
    color: rgb(167, 22, 54);
}
a:hover {
    color: rgb(255, 65, 128);
}
a:active {
    color: rgb(7, 70, 44);
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
}
#gridcontainer1 {
  display:grid;
  grid-template-columns: auto auto;
  grid-template-rows:1fr 1fr 1fr 1fr;
  grid-auto-columns:100vw;

}
#gridcontainer1 > p {
    padding-left:50px;
    font-size:20pt;
}
.griditem {
    height:auto;
    width:auto;
}
#item1 {
    grid-area:1/1/2/2;
    font-size:65pt;
    margin:auto;
    font-family:"Arima";
}
#item2 {
    grid-area:2/1/5/2;
    font-family:"Arima";
}
#item3 {
    width:45vw;
    padding:50px;
    grid-area:1/2/5/3
}
#item4 {
    width:275px;
}
#item5 {
    width:275px;
}
#item6 {
    width:275px;
}
#item7 {
    width:275px;
}
#item8 {
    width:275px;
}
#attgrid {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr 1fr;
}
#ahead1 {
    grid-area:1/1/2/3;
    font-size:72pt;
    padding:25px;
    text-align:center;
}
#ahead2 {
    grid-area:1/3/2/5;
    font-size:20pt;
    padding:15px;
}
.agriditem {
    width:33.333333vw;
}
h2 {
    text-align:center;
    font-size:30pt;
    margin:20px;
    font-family:"Arima";
}
#gridcontainer2 > * {
    margin:45px;
}
#flexbox1 {
    display:flex;
}
.flexitem {
    width:50vw;
    margin:50px
}
#flexitem1 > h1 {
    font-size:48pt;
    font-family:"Arima";
}
#flexitem1 > h3 {
    font-size:36pt;
    margin-top:20px
}
#flexitem1 > ul {
    font-size:20pt;
    margin-top:10px;
}
.aheaditem {
    height:50px;
    width:50vw;
    margin:20px;
}
#attflexbox {
    display:flex;
    padding-bottom:150px;
}
#aitem1 {
    background-color:rgb(92, 127, 105)
}
#aitem2 {
    background-color:rgb(170, 202, 175)
}
#aitem3 {
    background-color:rgb(216, 223, 200)
}
#aitem4 {
    background-color:rgb(236, 179, 140)
}
#aitem5 {
    background-color:rgb(228, 152, 97)
}
#aitem6 {
    background-color:rgb(208, 138, 73)
}
#aitem7 {
    background-color:rgb(169, 111, 61)
}
#aitem8 {
    background-color:rgb(123, 82, 45)
}
.agriditem > p {
    font-size:16pt;
    padding:20px;
}
#ahead1 > h1 {
    font-family:"Arima";
}
#flexitem2 > h1 {
    font-size:48pt;
    font-family:"Arima";
}
#flexitem2 > p {
    font-size:24pt;
    font-family:"Arima";
}
#flexitem1 {
    border-right:solid green;
    font-family:"Arima";
    padding-right:50px;
}
footer {
    background-color:rgb(170, 202, 175);
    text-align:center;
    padding:10px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.agriditem > a > img {
    display:block;
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
#contact {
    display:flex;
    flex-direction:column;
    align-items:center;
    font-size:22pt;
    padding:80px;
    background-color:rgb(255, 220, 231);
}
input,textarea {
    height:50px;
    width:50vw;
    font-size:18pt;
}
#contact > label {
    margin-top:30px;
    margin-bottom:10px;
    font-family:"Arima";   
}
#thankyou {
    font-size:36pt;
    text-align:center;
    margin-top:40vh;
    margin-bottom:45vh;
    font-family:"Arima";
}
#roomflex {
    display:flex;
}
#roomgrid1 {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;
    width:60vw
}
#roomflex2 {
    display:flex;
    flex-direction:column;
}
.roomgriditem > img {
    width:400px;
}
#roomflexitem1 > img {
    width:40vw;
}
#roomitem1 {
    font-size:56pt;
    text-align:center;
    margin:auto;
    grid-area:1/1/2/3;
    font-family:"arima";
}
h4 {
    font-size:36pt;
    font-family:"arima";
}
#roomitem3 > p,#roomitem5 > p,#roomitem7 > p,#roomitem9 > p,#roomitem11 > p {
    font-size:16pt;
    font-family:"arima";
    margin-right:10%
}
#roomflexitem2 {
    margin:30px;
}
#roomflexitem2 > h3 {
    font-size:56pt;
    font-family:"arima";
}
#roomflexitem2 > ul {
    font-size:20pt;
    font-family:"arima";
}
ul {
    list-style-type:disc;
}
#navbar > img {
    width:75px;
    margin:10px;
    margin-right:auto;
    margin-left:20px;
}
#roomflexitem2 > p {
    font-size:20pt;
    font-family:"arima";
}
#contactaddress {
    font-family:"arima";
    font-size:32pt;
    text-align:center;
    padding:20px;
    background-color:rgb(255, 220, 231);
}
.smlinks:link {
    color:rgb(255, 71, 132);
}