/*
	Theme Name: Your Child Theme
	Description: This is your custom style sheet 
        for your child themes custom CSS code.
	Author: Your Name
	Author URI: http://example.com/
	Version: 2.0
	Template: yourparenttheme
	Template Version: 2.0
 
*/


.presentation-m-t-t{
  display: flex;
  flex-direction: row
}

.presentation-text{
	font-family : 'Karla', sans-serif;
	color : #7E8899;
	margin-left: 9%;
	display: flex;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.button-page-pres a {
	color: #212529;
	transition: .2s ease;
}
.button-page-pres a:hover {
	color: white;
	text-decoration: none;
}

.presentation-text p{
	width: 90%;
}

@media only screen and (min-width : 350px) {
	.photo-team-member {
		margin-left: 25%;
		height: 20%;
		width: 50%;
		margin-bottom: 5%
	}


	.presentation-m-t-t {
		margin-top: 15%;
		display: flex;
		flex-direction: column;
	}

	.presentation-text {
    font-size: 20px;
    line-height: 1.8;
    margin-right: 2%;
}

@media only screen and (min-width : 1224px) {
	.photo-team-member {
		height: 600px;
		width: auto;
    margin-left: 5%;
	}

	.presentation-m-t-t {
		margin-top: 15%;
		display: flex;
		flex-direction: row;
	}

	.presentation-text {
    font-size: 20px;
    line-height: 1.8;
    margin-right: 2%;
}

.presentation-text .button-page-pres a {
	width: 400px !important;
	font-size: 20px;
}


}

@media only screen  and (min-width : 1550px){

	.presentation-m-t-t{
		margin-top: 375px;
		margin-bottom : 250px;
	}

	#presentation{
		margin-top: 70px;
	}

	.presentation-text{
    font-size: 20px;
		line-height: 1.8;
		margin-right: 2%;
		
	}
	
	.photo-team-member{
		height: 600px;
		margin-left: 5%;
	}

	.button-page-pres{
		width: 400px !important;
		transition: background-color .5s ease;
	}

}

@media only screen  and (min-width : 1824px) {

	.button-page-pres a{
		width: 450px !important;
		font-size: 16px !important;
		padding: 10px 15px;
		margin-top: 114px !important;
	}

	.text-team-member {
		font-size: 24px !important;
	}
}