@charset "utf-8";
@media screen and (min-width:768px){
* {
    margin: 0;
    padding: 0;
  }

body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}

ul{list-style-type: none}

section{
  width: 100%;
  display: flex;
  justify-content: center;
}

#logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1% 3%;
    background-color: #F5EFED;
}

#logo img{
    width: 168px;
}

#logo form {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#buttonsearch{
    height: 32.05px;
}

#textbox{
    height: 29px;
}

#gNavi ul {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#gNavi li {
  width: 13%;
}

#gNavi a {
  text-align: center;
  display: block;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  padding: 10% 2%;
  color: black;
}

#mainVisual{
    background-image: url(../../images/mainVisual.png);
    width: 100%;
  height: 100%;
  padding: 200px 0 10px 0;
  background-size: cover;
  background-position: center center;
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

#mainTagline{
    width: 100%;
    font-size: 2.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1em;
}

#mainVisual ul{
    display: flex;
  justify-content: space-between;
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  padding: 22px;
  background-color:rgba(245, 239, 237, 0.8);
}

#mainVisual ul p{
    z-index: 1;
    position:absolute;
    transform: translate(30%, -115%);
}

#textbannerbase1{
    width: 10%;
}

#textbannerbase2{
    width: 10%;
}

#textbannerbase3{
    width: 11%;
}

#Academics{
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
}

#Academics h2{
  width: 100%;
  text-align: center;
  font-size: 2.3em;
}

#Academics ul{
  display: flex;
  margin-left: 25%;
  margin-right: 25%;
}

#Academics li{
  width: 100%;
  height: 100%;
  Padding: 40px 0px;  
}

#Academics2{
  margin-left: 35px;
  margin-right: 35px;
}

#graduates{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #F5EFED;
}

#quotes{
  width: 40%;
}

#graduates h2{
width: 100%;
  font-size: 2.3em;
}

#graduates h3{
width: 100%;
  font-size: 1.15em;
  font-weight: normal;
  margin-bottom: 40px;
}

#graduates p{
width: auto;
  font-size: 1.84em;
  font-weight: normal;
  margin-bottom: 40px;
}

#CampusNews{
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
}

#CampusNews h2{
  width: 100%;
  text-align: center;
  font-size: 2.3em;
}

#CampusNews ul{
  display: flex;
  margin-left: 25%;
  margin-right: 25%;
}

#CampusNews li{
  width: 100%;
  height: 100%;
  Padding: 40px 0px;  
}

#CampusNews2{
  margin-left: 70px;
  margin-right: 70px;
}

#ContactUs{
  width: 50%;
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2%;
  padding-bottom: 2%;
  background-color: #F5EFED;
  font-weight: bold;
}

#ContactUs div{
  width: fit-content;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}

aside{
width: 100%;
font-size: 2em;
padding-top: 5%;
}

#ContactUs p{
  width: auto;
  font-size: 1.3em;
}

#ContactUs #Phonetext{
  width: 70%;
}

#reservationButton{
  width: 100%;
  margin-top: 20px;
}

#Reservation{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 100px;
}

#Reservation h2{
  width: 100%;
  text-align: center;
  font-size: 2.3em;
  margin-bottom: 30px;
}

label{
  width: 200px;
  display: inline-block;
  font-weight: bold;  
  padding-bottom: 50px;
}

#submitbutton{
  width: 150px;
  height: 40px;
  background-color: #33673B ;
  color: #fff;
  margin-left: 150px;
  }

#name,#email,#phone{
  width: 213px;
}
#Description{
  width: 213px;
  height: 100px;
  margin-bottom: 40px;
}

#follow{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

#follow img{
  width: 30px;
  height: 30px;
  margin: 10px;
}

footer{
  display: flex;
  flex-direction: column;
  background-color: #160F29;
  color: white;
  padding: 30px 0;
  margin-top: 50px;
  align-items: center;
}

footer ul {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  color: #fff;
}

footer ul li{
  display: flex;
  padding: 0 20px;
  color: #fff;
  justify-content: center;
}

footer ul li a{
  color: #fff;
  text-decoration: none;
}

#copyright {
  font-size: 12px;
}


/* form div{
  padding: 2%;
}

form input{
  margin-left: 20px;
} */

/* #bannerbase{
    width: 1000px;
    height: auto;
    background-color: rgba(245, 239, 237, 0.8);
    display: flex;
    padding: 24px;
    margin: auto;
    align-items: center;
} */

/* #bannerbase1{
    background-image: url(../../images/banner_base1.png);
    background-size: cover;
  background-position: center center;
    width: 333px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
} */

/* #bannerbase2{
    background-image: url(../../images/banner_base2.png);
    background-size: cover;
  background-position: center center;
    width: 333px;
    height: auto;
    padding: 0 24px 0 24px;
    display: flex;
    justify-content: center;
    align-items: center;
} */

/* #bannerbase3{
    background-image: url(../../images/banner_base3.png);
    background-size: cover;
  background-position: center center;
    width: 333px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
} */

}