body {
      font-family: 'Quicksand', sans-serif;
    }

.navbar{
position:absolute;
top:0vw;	
}

.navbar-nav{
padding:2vw;

	
}

.navbar-nav .nav-link {
  font-size: 2vw; /* Adjust the font size as needed */
  margin-left: 1vw; /* Adjust the left margin as needed */
  margin-right: 5vw; /* Adjust the right margin as needed */
  color:white;
  font-family:Quicksand;
}

.navbar-nav .nav-link:hover {
  color:#44a7de;
}




.logo {
  position:absolute;
  left: 2vw;
  top: -4vw;
  float: left;
  width: 18vw;
  height:18vw;
  
}




.bgimg {
 
 position:absolute;
	max-width:100vw;
	max-height:auto;
  
}


.container {
  width: 50%;
  margin: 0 auto;
  
}

.wel {
position:absolute;

 margin-left:35vw;
 margin-top:10vw;
 font-size:6vw;
  font-family: Quicksand;
  color:#44a7de;
}

.fill5{
	 position:absolute;
	max-width:100vw;
	max-height:auto;
	margin-top:38vw;
  
}

.content {
	position:absolute;
  font-family: Quicksand;
  text-align: center;
  margin-top:20vw;
  margin-left:6vw;
  font-size: 2vw;
  
}

.content1 {
	position:absolute;
  font-family: Quicksand;
  text-align: center;
  margin-top:50vw;
  margin-left:6vw;
  font-size: 2.2vw;
  
}


.content2 {
	position:absolute;
  font-family: Quicksand;
  text-align: center;
  margin-top:135vw;
  margin-left:9vw;
  font-size: 2.2vw;
  
}



.fill1
{
 position:absolute;
	max-width:100vw;
	max-height:auto;
	margin-top:80vw;
}


.fill2
{
  position:absolute;
	max-width:100vw;
	max-height:auto;
	margin-top:120vw;
 
}


.fill3
{
  position:absolute;
	max-width:100vw;
	max-height:auto;
	margin-top:87vw;
}

.title1
{
  font-family: Quicksand;
  text-align: center;
  font-size:5vw;
  position:absolute;
  margin-top:40vw;
  margin-left:35vw; 
  color:white;  
}

.title2
{
  font-family: Quicksand;
  text-align: center;
  font-size:5vw;
  position:absolute;
  margin-top:122vw;
  margin-left:31vw; 
  color:black;  
}


.nav2 {
  
  position:absolute;
  margin-top:92vw;
  margin-left:2vw; 
  color:white;   
}


.nav2 li {
 
  display:block;
  text-align:left;
}

.nav2 li a {
  color: white;
  text-decoration: none;
  font-family: Quicksand;
  font-size:2vw;
}

.nav2 li a:hover {
  color: #555;
}


.add
{ 

position:absolute;
  font-family: Quicksand;
  text-align: left;
  margin-top:95vw;
  margin-left:32vw;
  font-size: 1.8vw;
color: white;  
}

.copy
{ 

position:absolute;
  font-family: Quicksand;
  text-align: left;
  margin-top:122vw;
  margin-left:33vw;
  font-size: 1.6vw;
color: white;   
}


.insta
{ 
position:absolute;
	width:3vw;
	height:auto;
	margin-top:100vw;
	 margin-left:78vw;
}
.face
{ 
    position:absolute;
	width:3.3vw;
	height:auto;
	margin-top:100vw;
	 margin-left:85vw;
 
}

.totop
{ 
position:absolute;
	width:5vw;
	height:auto;
	margin-top:122vw;
	 margin-left:82vw;
}