/***********************************************************************************/

@media (max-device-width: 1020px) {

	.main_container {
		width: 800px;
	}

	.one_container {
		width: 350px;
		height: 350px;
	}

	.four_containers {
		width: 350px;
		height: 350px;
	}

	.little_containers {
		width: 175px;
		height: 175px;
	}

	.contact_infos, .team_infos {
		font-size: 1em;
	}

	.little_pictures_contact {
	    height: 150px;
	    margin: 2vh auto;
	}

}

@media (max-width: 1020px) {

	.main_container {
		width: 800px;
	}

	.one_container {
		width: 350px;
		height: 350px;
	}

	.four_containers {
		width: 350px;
		height: 350px;
	}

	.little_containers {
		width: 175px;
		height: 175px;
	}

	.contact_infos, .team_infos {
		font-size: 1em;
	}

	.little_pictures_contact {
	    height: 150px;
	    margin: 2vh auto;
	}

}

/***********************************************************************************/

@media (max-device-width: 770px) {

	p {
		margin-right: 10px;
		margin-left: 10px;
	}

	h1 {
		text-align: center;
	}

	#header {
		height: 300px;
	}

	.manage_projects {
		flex-direction: column;
		justify-content: center;
	}

	.add_project {
		width: 95%;
		margin: 0px auto;
	}

	.delete_project {
		width: 95%;
		margin: 0px auto;
	}

	.admin_form {
		width: 95%;
	}

	.five_containers1, .five_containers2 {
		flex-direction: column;
	}

	.one_container {
		width: 550px;
		height: 550px;
		margin: auto;
	}

	.four_containers {
		width: 550px;
		height: 550px;
    	margin: auto;
	}

	.little_containers {
		width: 275px;
		height: 275px;
	}

	.little_pictures_contact {
	    height: 190px;
	    margin: 6vh auto;
	}

	.row {
		display: block;
		display: none;
	}

	.caption-container {
		bottom: 0px;
	}

}

@media (max-width: 770px) {

	p {
		margin-right: 10px;
		margin-left: 10px;
	}

	h1 {
		text-align: center;
	}

	#header {
		height: 300px;
	}

	.manage_projects {
		flex-direction: column;
		justify-content: center;
	}

	.add_project {
		width: 95%;
		margin: 0px auto;
	}

	.delete_project {
		width: 95%;
		margin: 0px auto;
	}

	.admin_form {
		width: 95%;
	}

	.five_containers1, .five_containers2 {
		flex-direction: column;
	}

	.one_container {
		width: 550px;
		height: 550px;
		margin: auto;
	}

	.four_containers {
		width: 550px;
		height: 550px;
    	margin: auto;
	}

	.little_containers {
		width: 275px;
		height: 275px;
	}

	.little_pictures_contact {
	    height: 190px;
	    margin: 6vh auto;
	}

	.row {
		display: block;
		display: none;
	}

	.caption-container {
		bottom: 0px;
	}

}

/***********************************************************************************/

@media (max-device-width: 570px) {

	#header a {
		width: 95%;
	}

	.little_containers:hover img {
	    opacity: 1;
	}

	.one_container:hover img {
	    opacity: 1;
	}

	.suggestions {
		flex-direction: column;
	}

	.first_picture {
		height: 50vh;
	}

	.prev, .next {
		top: 55%;
	}

	.one_container {
	    width: 300px;
	    height: 300px;
	}

	.four_containers {
	    width: 300px;
	    height: 300px;
	    margin: auto;
	}

	.little_containers {
	    width: 150px;
	    height: 150px;
	}

	.little_pictures_contact {
	    height: 100px;
	    margin: 4vh auto;
	}

	.project_name {
		display: block;
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.5);
		width: 70%;
		font-size: 1.2em;
	}

	.caption-container {
		opacity: 1;
	}

	.contact_infos {
	    display: block;
	    top: 65%;
    	left: 43%;
    	font-size: 1em;
    	font-weight: bold;
	}

	.team_infos {
		display: block;
	}

	.contact_infos: hover {
	    display: none;
	}
	.little_containers:hover .contact_infos {
	    display: block;
	}

	.return_logo {
		display: none;
	}
}

@media (max-width: 570px) {

	#header a {
		width: 95%;
	}

	.little_containers:hover img {
	    opacity: 1;
	}

	.one_container:hover img {
	    opacity: 1;
	}

	.suggestions {
		flex-direction: column;
	}

	.first_picture {
		height: 50vh;
	}

	.prev, .next {
		top: 55%;
	}

	.one_container {
	    width: 300px;
	    height: 300px;
	}

	.four_containers {
	    width: 300px;
	    height: 300px;
	    margin: auto;
	}

	.little_containers {
	    width: 150px;
	    height: 150px;
	}

	.little_pictures_contact {
	    height: 100px;
	    margin: 4vh auto;
	}

	.project_name {
		display: block;
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.5);
		width: 70%;
		font-size: 1.2em;
	}

	.caption-container {
		opacity: 1;
	}

	.contact_infos {
	    display: block;
	    top: 65%;
    	left: 43%;
    	font-size: 1em;
    	font-weight: bold;
	}

	.team_infos {
		display: block;
	}

	.contact_infos: hover {
	    display: none;
	}
	.little_containers:hover .contact_infos {
	    display: block;
	}

	.return_logo {
		display: none;
	}
}

/***********************************************************************************/

@media (max-device-width: 380px) {

	#header {
		height: 80px;
	}

	#main_container {
		margin: auto;
		width: 100%;
	}

	.four_containers {
		flex-direction: row;
    	width: 100%;
	}

	.little_containers {
		width: 50%;
		height: 165px;
	}

	.one_container {
		height: 330px;
		width: 100%;
	}

	.little_pictures_contact {
		height: 100px;
		margin: 5vh auto;
		display: block;
		object-fit: contain;
		width: 100%;
	}

	#logo {
		padding: 20px 20px;
	}

	.warning_item {
		margin: auto 0px;
	}

	.contact_infos {
	    position: absolute;
	    top: 75%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 1.5em;
	    color: #fff;
	    width: 95%;
	    text-align: center;
	    font-size: 1.2em;
	    display: none;
	}

	.contact_infos: hover {
	    display: none;
	}

	.little_containers:hover .contact_infos {
	    display: none;
	}
}

@media (max-width: 380px) {

	#header {
		height: 80px;
	}

	#main_container {
		margin: auto;
		width: 100%;
	}

	.four_containers {
		flex-direction: row;
    	width: 100%;
	}

	.little_containers {
		width: 50%;
		height: 165px;
	}

	.one_container {
		height: 330px;
		width: 100%;
	}

	.little_pictures_contact {
		height: 100px;
		margin: 5vh auto;
		display: block;
		object-fit: contain;
		width: 100%;
	}

	#logo {
		padding: 20px 20px;
	}

	.warning_item {
		margin: auto 0px;
	}

	.contact_infos {
	    position: absolute;
	    top: 75%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 1.5em;
	    color: #fff;
	    width: 95%;
	    text-align: center;
	    font-size: 1.2em;
	    display: none;
	}

	.contact_infos: hover {
	    display: none;
	}

	.little_containers:hover .contact_infos {
	    display: none;
	}
}

/***********************************************************************************/

@media (min-device-width: 1400px) {

	#header {
		height: 450px;
	}

	.one_container {
	    width: 600px;
	    height: 600px;
	}

	.four_containers {
	    width: 600px;
	    height: 600px;
	}

	.little_containers {
	    width: 300px;
	    height: 300px;
	}
}

@media (min-width: 1400px) {

	#header {
		height: 450px;
	}

	.one_container {
	    width: 600px;
	    height: 600px;
	}

	.four_containers {
	    width: 600px;
	    height: 600px;
	}

	.little_containers {
	    width: 300px;
	    height: 300px;
	}

}