@import url('https://fonts.googleapis.com/css?family=Arima+Madurai|Comfortaa|Fredericka+the+Great&display=swap');

html { font-size:100%; }

body {
	/*font-family: 'Comfortaa', cursive;*/
	/*font-size:1vw;*/
	height:100%;
}

.btn { font-size:1rem; text-transform: none; }

.mt-10 { margin-top:10rem; }


@media (min-width: 576px) {
  .navbar-expand-lg .navbar-nav .nav-link { padding-left:10px; padding-right:10px; }
  .card-deck { justify-content: center;  max-width: 90%; }
  .modal-dialog { margin:0; }
} 


@media (max-width: 575px) {
  body { margin:0; padding:0; }
  .container { /*font-size:0.8rem;*/  }
  h1 { /*font-size:2rem !important;*/ }
  .card { margin-bottom: 50px; }
} 

@media (min-width: 1024px) {
	.modal, .modal-fluid, .modal-content { width: 100%; }
	.modal-dialog { max-width: none; }
	.modal-body { font-size:1.5rem; left:25%; max-width: 50%; }
	/*.modal-footer { flex-direction: column; position:fixed; top:0px; }*/
}

@media (max-width: 1024px) {
	.modal, .modal-fluid, .modal-content { width: 100%; }
	.modal-header { margin-top;100px; }
	.modal-dialog { margin:0; max-width: none; }
	.modal-body { font-size:1.4rem; left:5%; max-width: 90%; }
	/*.modal-footer { background:#fff; flex-direction: row; height:100px; position:fixed; top:0px; width: 100% }*/
}

@media (max-width: 735px) {
	modal-body { font-size:1rem; }
	.btn { font-size:0.6rem; }
}

.navbar {  } 

.nav-link { margin-right: 30px; }

/*#corps { background-image: url('/img/manuel-nageli-NsgsQjHA1mM-unsplash-2.jpg'); background-repeat: no-repeat; background-position-x:center; }*/
#corps { background-image: url('/img/larisa-birta-slbOcNlWNHA-unsplash.jpg'); background-repeat: no-repeat; background-position-x:center; }
    
.view { text-align: -webkit-center; }
.card { text-align: left; margin-bottom: 50px !important; }

.card-deck { display: flex; flex-wrap: wrap; margin:auto; }

.page-footer { background:#1C2331; }

.lead { font-size:1rem; }

.modal-footer#saveRecit { display:none; }

#leTexteEntier {
	/*background:#fff;
	display:none;
	left:5%;
	position:fixed;
	top:0;
	width:90%;*/
}

.modal-content { 
	/*font-family: 'Old Standard TT', serif; */
}

.modal-header {
	
}

.modal-body {
	
}

.modal-backdrop { background-color:#fff; }
.modal-backdrop.show { opacity: 1; }

.heading {
	font-size:2rem;
}

.modal-footer { 
	background:#fff;
	bottom:0;
	/*border-top:0;*/
	font-family: 'Comfortaa', cursive;
	position:fixed;
	width:100%;
}
	
.vert { color:olive; }
	
#textEdit {
	display:none;
	height: 550px;
	margin: auto;
	width: 60%;
}

#admin-body { 
	font-family: 'Comfortaa', cursive; 
	font-size: 1.4rem;
	}

/*.main { cursor:pointer; }*/