*{
  padding : 0%;
  margin : 0%;
  box-sizing : border-box;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
}

html,body{
  height : 100%;
  width : 100%;
}



#main{
  height : 100%;
  width : 100%;

}

#header{
  height : 13%;
  width : 100%;
background-color: white;
  position : fixed;
  display : flex;
  align-items: center;
  justify-content: space-around;
  font-size: x-large;
  z-index: 2;
}

#logo img{
margin-left: 30px;
  margin-right: 30px;
  height :90px;
object-fit : cover;
border : 6px black solid;
  border-radius : 10px;
}

.texts{
  font-size: large ;
  font-weight: bold;
  margin-left: 22px;
  color : white;
  background-color: black;
  transition: 0.5s;
  border-radius: 40px;
  border : 10px solid black;
  padding : 10px 20px;
}

.texts:hover{
  color : white;
  background-color: black;
  font-size: larger;
  font-weight: bolder;
  transition: 0.5s;
  border: 10px solid black;
  border-radius: 40px;
  padding : 10px 20px;
}

#contactdetails{
  margin-left: 15px;
  margin-right: 10px;
  font-weight: lighter;

}

.icons{

  padding : 10px;
  border-radius: 50%;

}

.icons:hover{
  background-color: lightblue;
}

#login{
  display : flex;
  margin-left: 20px;
  padding : 10px;
  border-radius: 40px;


}

#login:hover{
  background-color: lightblue;
}
#try{
  margin-left: 20px;
  background-color: green;
  padding : 10px 20px;
  border-radius: 10px;
  color : white;
}

#try:hover{
  background-color: #034503;

}

#fakeheader{
  height : 13%;
  width : 100%;
}

#page1{
  height : 87%;
  width : 100%;
  background-color : wheat;
}

#strip{
  font-size: x-large;
  height: 8%;
  width : 100%;
  background-color : black;
  color : white;
  display : flex;
  align-items: center;
  justify-content: center;
}
#strip u{
  margin-left : 20px;
  font-weight: lighter;
}

#content{
  height : 76%;
  width : 100%;
  background-color: white;
  display : flex;
  align-items: center;
  justify-content: space-around;
}

#box1{
  height : 90%;
  width : 47%;
  background-color: white;

}

#box2{
  height : 90%;
  width : 47%;
  background-color: grey;  

}

#box2 img{
  object-fit: cover;

  height : 100%;
  width : 100%
}

#heading{
  height : 16%;
  width : 100%;
  background-color: black;
  display : flex;
  align-items: center;
  justify-content: center;
  font-size: x-large;
  color : white;
}

#buttons{
  display : flex;
 height : 20%;
  width : 110%;


}

#box1 h1{

  font-weight: 600;
  color : black;
  font-size: 70px;
  margin :30px 10px;
  border : 7px solid black;
  border-radius: 30px;
  transition: 0.5s;
}
#box1 h1:hover{  color : black;
  font-size: 80px;
  font-weight: bolder;
  transition: 0.5s;
  border: 10px solid black;
  border-radius: 40px;
  padding : 10px 20px;
              }



#box1 p{
  font-size: 26px;
  margin :30px 10px;
  margin-bottom: 50px;
  font-weight: light;
  
}

#box2{
   border-radius: 50px;
}

#box2 iframe{
  border-radius: 50px;
  height : 100%;
  width : 100%;

}

#button1{
  font-size: large ;
  font-weight: bold;
  margin-left: 22px;
  color : white;
  background-color: black;
  transition: 0.5s;
  border-radius: 40px;
  border : 10px solid black;
  padding : 10px 20px;
}
#button1:hover{
  color : white;
  background-color: black;
  font-size: larger;
  font-weight: bolder;
  transition: 0.5s;
  border: 10px solid black;
  border-radius: 40px;
  padding : 10px 20px;
}