@font-face {
  font-family: Poppins;
  src: url(fonts/Poppins/Poppins-Regular.otf);
}

body{
	font-family:Poppins,sans-serif;
}

.card{
  width:250px;
  height:350px;
  margin:10px;
  background-color: #000000;
  /*border-radius: 60px;*/
  border-radius:15px;
  box-shadow: 0px 0px 2px;
}

#main-nav, .side-nav{
	padding: 0px;
	font-weight: 600;
	font-size:14px;
}

#main-nav a{
	line-height:50px;
	color: #fff;
	font-weight:200;
}



#main-nav .nav-link{
	letter-spacing: 3px;
}

#main-nav .nav-link:hover, .side-nav .nav-link:hover{
	color: #3344ff;
	background-color: #fff;
}

#main-nav .btn{
	border-radius:0px;
}

.btn{
	border-radius:15px;
}

#home{
	position:relative; 
	margin-top:60px;
	/*background-color:red;*/
}

#home-wrapper, #rapid-english-wrapper, #platform-wrapper{
	width:90%; 
	max-width: 1100px; 
	/*background-color:yellow*/
}

.message-container{
	margin-top:120px;
	width:60%;
	text-align:center;
}

.bio-container{
	margin-top:120px;
	width:50%;
}

.vid-container{
	margin-top:120px;
	width:50%;
	text-align:center;
}

.message-container p{
	font-size:18px;
}

.xl-heading{
	font-size:48px;
}

.image-container{
	margin-top:100px;
	width:40%;
}

.image-container img{
	width:100%;
}

.bio-image-container{
	margin-top:0px;
	width:40%;
}

.bio-image-container img{
	width:90%;
}

#rapid-english{
	background-color:#dddddd;
	padding-bottom:50px;
}
#platform{
	background-image:linear-gradient(#dddddd,#ffffff);
}

.demo{
	border-radius: 5px;
    box-shadow: 0px 0px 10px #000;
}


#depoimentos{
	padding-top: 30px;
    padding-bottom: 30px;
    margin-top:100px; 
    width:100%; 
    /*max-width: 1100px;*/
	background-color:#dddddd;
}
.depoimento{
    height: 415px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #000;
    margin-bottom: 40px;
}



.card img{

	border-radius:5px 5px 0px 0px;
	height:150px;
}

.card p{
	font-size:14px;
	color:#555;
}

.card i{
	font-size:24px;
}

#about-dan  img{
	margin-top:150px;
	border-radius:15px;
	box-shadow: 0px 0px 4px;
}

#bottom-nav{
	background-color:#eeeeee;
}

#bottom-nav i{
	font-size:48px;
	margin-right:10px;

}




@media only screen and (max-width: 1050px) {
   #main-nav .nav-link{
		letter-spacing: 1px;
   }
}

@media only screen and (max-width: 970px) {
  	.navbar-brand span {
    	display:none;
  	}
  	
  	#homeImage{
		margin-top:80px;
	}
}

@media only screen and (max-width: 768px) {
 
  .navbar-brand {
    display:none;
  }

  #home-wrapper{
  	flex-direction: column;
  }

  #rapid-english-wrapper{
  	flex-direction: column;
  }

  #homeImage{
		text-align:center;
		margin-top:0px;
  }

  #homeImage img{
		width:75%;
  }

  .message-container{
  	width:100%;
  }

  .image-container{
  	width:100%;
  }

  .vid-container{
	width:90%;
}

  .bio-image-container{
	margin-top:10px;
	width:90%;
}

.bio-container{
	margin-top:10px;
	width:90%;
}

#about-dan  img{
	margin-top:10px;
	
}

  #rapid-english-wrapper{
  		flex-direction:column-reverse;
  }

  #platform-wrapper{
  		flex-direction:column;
  }

  #card-wrapper{
  		flex-direction:column;
  }

 
  .card img{
  	height:75px;
  	width:20%;
  	/*float:left;*/
  	border-radius:15px 15px 15px 15px;
  }

  .card p{
  	display:none;
  }

  .card h5{
  	 margin:0px;
  }

  .card div{
  	position:relative;
	float: right;
	/*background-color:yellow;*/
	width:70%;
  }

  /*#about-dan{
  	display:flex;
  	flex-direction:column;
  }*/

  #about-dan-wrapper{
  	display:flex;
  	flex-direction:column;
  }

  #about-dan-wrapper img{

  	margin-bottom:50px;
	  width:90%;
  }

  #bottom-nav{
  	  flex-direction:row;
  }


  #home{
	margin-top:10px;
}

.message-container{
	margin-top:60px;

}

}