.loginbox{
	background-color:black;
	color:white;
	top:15%;
	transform: translateY(15%);
	
}
.form{
	margin:60px 0px 20px 0px;
	font-size:20px; 
	background-color:transparent;
}
.form input[type="text"], .form input[type="password"], .form input[type="email"]{
	width:100%;
	border:none;
	outline:none;
	border-bottom:1px solid grey;
	background:transparent;
}
.icon1{
	background-color:red;
	color:white;
	font-size:50px;
	margin-top:-35px;
	left:38%;
	padding:20px 20px 20px 20px;
	 position:absolute;	
	 border-radius:50%; 
}
.link2{
	font-size:12px;
}
@media screen and (min-width:600px){
.link2{
	font-size:16px;
}
}
.link2 a {
  color:white;

}
.link1 a {
text-decoration:none;
font-size:50px;
}

.shadow1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}
.navbar{
	background-color:white;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
}
.navbar-nav {
	font-size:15px;
	
}

.navbar-nav .nav-link, .navbar-nav .nav-item .nav-link {
	color:black;
	font-size:22px;
	margin:0px 15px;
}
 .nav-link:hover {
	color:#A42615;
		margin:0px 15px;
}
body{
	margin:0px;
	width:100%;
	font-family:Poppins, sans-serif;	
	
 }
.heading1{
	font-size:40px;
	color:#A42615;
	font-weight:700;
	font-family:Poppins, sans-serif;
}
.footer a {
  color:white;
  text-decoration:none;
  
}
.footer a:hover {
	
  color:#FFC107;
}
.hover-pop{
	  margin-top:22px;
	  transition:.4s ease;
}
.hover-pop:hover{
	margin-top:15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 1);
}
.hover-shadow:hover{
	box-shadow:0 4px 8px 5px white;
}
.initiative1 {
  position: relative;
  width: 100%;
}

.image {
	object-fit: cover;
  opacity: 1;
  display: block;
  width: 100%;
  height: 300px;
  transition: .1s ease;
  backface-visibility: hidden;
}
.img{
	  border: 5px #A42615 solid
}
.initiative2 {
 transition:height 0.5s;
 
  background-color:#A42615;
  width:100%;
  height:0%;
  opacity: 0;
  position: absolute;
  top:0%;
  left:0%;
  transform: translate(-0%, -0%);
  -ms-transform: translate(-0%, -0%);
  text-align: center;

}
.text{
	transition:opacity 1.5s;
	opacity:0;
	color:white;
}
.text:hover{
	opacity:1;
}
.g2 {
 transition: border-radius 0.5s;
  background-color:#A42615;
  width:96%;
   height:94%;
  opacity: 0;
  position: absolute;
  top:3%;
  left:2%;
   border-radius:100%;
  transform: translate(-0%, -0%);
  -ms-transform: translate(-0%, -0%);
  text-align: center;

}

.initiative1:hover .image {
  opacity: 0.5;
 
}

.initiative1:hover .initiative2 {
  opacity: 1;
    height:100%;
}
.initiative1:hover .g2 {
  opacity: 0.5;
   border-radius:0%; 
	
}
.form{
	
	font-size:20px; 
	background-color:transparent;
}
.form input[type="text"], .form input[type="password"]{
	width:100%;
	border:none;
	outline:none;
	border-bottom:1px solid grey;
	background:transparent;
}

.b2{
	background-color:#A42615;
	color:white;
}
.tagline{
	padding:200px;
	font-weight:700;
	font-size:50px;
	text-shadow: 2px 2px 5px black;
}

@media screen and (max-width:1024px) {
   .tagline{padding:150px 20px;
	   font-weight:700;
	font-size:50px;}
	.link1 a {
text-decoration:none;
font-size:20px;
}
.heading1{
	font-size:30px;
	color:#A42615;
	font-weight:600;
	font-family:Poppins, sans-serif;
}
}
@media screen and (max-width:600px) {
   .tagline{padding:170px 20px;
	   font-weight:700;
	font-size:30px;}
	.link1 a {
text-decoration:none;
font-size:20px;
}
.heading1{
	font-size:30px;
	color:#A42615;
	font-weight:500;
	font-family:Poppins, sans-serif;
}
}
.box-three {
    animation: left-right-position 3s ;
  }
  
@keyframes left-right-position {
  from {
    margin-left: -900px;
  }
  to {
    margin-left:0px;
  }
}
@media screen and (max-width:1154px) {
.text1{
	font-size:13px;
}
.text2{
	font-size:16px;
}}
@media screen and (max-width:1024px) {
.text1{
	font-size:16px;
}
.text2{
	font-size:19px;
}}

.frame {
  position: relative;
  width: 100%;
  height:350px;
  padding-bottom: 82.5%;
  background: black;
  box-shadow: 0 10px 7px -5px rgba(0, 0, 0, 0.3);
}

.mat {
  position: absolute;
  background: white;
  top: 3.0303%; bottom: 3.0303%; left: 2.5%; right: 2.5%;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) inset;
}

.art {
  position: absolute;
  top: 8%; bottom: 8%; left: 5%; right: 5%;
}

.art img {
  width: 100%;
}



.art:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) inset;
}
.awards{
	float:left;
}
img{
	object-fit: fill !important;
}