*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* ــــــــــــــــ Navbar + Top Home ــــــــــــ --> */


body
{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #ccc;
}

/* #home{
   background-image: url(../img/HOME\ IN.png); 
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;

} */
.row2{
  margin-left: 20%;
}

.row3{
  margin-left: 24%;
} 


.navbar{
  padding: 5px 40px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%; 
  background-color:rgb(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  
}

#home li
{
  padding: 3px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
#home .style
{
  font-size: 30px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: #FF4B2B;
}

.navbar ul a:hover{
  color: rgb(253, 52, 79) !important;
}

#home .home-content
{
  background-color:  rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;

}
#home .nav-link
{
  color: #fff;
  border-color: #fff;
}

#regestration a
{
  color: #fff;
}

#icon
{
  margin-right: 15%;
}

#icon a
{
  color: #fff;
  font-size: large;
}

#icon a:hover
{
  color: rgb(253, 52, 79) !important;
  font-size: large;
}


#navbar-list-4
{
  margin-left: 13%;
}

#navbarSupportedContent
{
  margin-left:0%;
}



#dropdown
{
  position: relative;
  display: inline-block;
}

#dropdowncontent
{
  display: none;
  position: absolute;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


#dropdowncontent a
{
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  
}

#dropdown:hover #dropdowncontent
{
  display: block;
}

/* .font{
  text-align: left;
  font-size: 40px; */
  /* text-transform:; */
  /* font-family: 'Train One', cursive;

  color: #fff;
} */
/* .font1 {
  font-size: 100px;
  font-style: Bold;
  font-weight: 900;
}


.home-content h1 {
  font-stretch: condensed;
}
#home .here
{
  font-size: 20px;
  color: #FF4B2B;
  font-family: bold;
} */


@media screen and (max-width:768px) {
  #comments {
    max-width: 100%;
    height: 100px ;

  }
}


@media (min-width:1400px){
  
}

@media (max-width:1400px) {
  
}
@media (min-width:1400px){
  
}

@media (max-width:1400px) {
  
}
 