/* This is empty CSS file intended to be overwritten by user's custom CSS file */


#qr_phone a {
	padding: 5px 25px;
	background-color: #e2e2e2;
	border-radius: 15px;
	font-weight: 600;
	margin-right: -20px;
}
#qr_phone a:hover {
	background-color: #009900;
	text-decoration: none;
	color: #fff;
}
.modal-dialog {
	max-width: 800px;
	margin: 4rem auto 0px;
	font-size: 14px;
}
/* ============= Device specific fixes ======= */

/* Large screens such as TV */
@media only screen and (min-width: 1824px) {
}

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

/* IPad Pro */
@media (max-width: 1024px) {
}

/*  Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
}

/* Medium devices (tablets, 768px and up) */

@media only screen and (max-width: 768px) {
footer {
    font-size: 12px !important;
}
}

/* Small devices (landscape phones, 576px and up) */

@media only screen and (max-width: 576px) {
#qr_phone a {padding: 5px 10px;margin-right: 10px !important;}
.portrait {max-width: 90%;}
.compact.bio {padding: 10px 20px;}
.carte {width: 340px !important;height: 600px !important;}
.experiences-section ul {padding-left: 15px !important;}
.experiences-section p {text-align: left !important;}
.navbar-brand {margin-right: 0rem;}
.initial-navbar .navbar-brand h1 {font-size: 1.2rem; margin-top:10px !important;}
.card-body {text-align: left !important;}
.circle {max-height: 45px;}
dl, ol, ul {text-align: left !important;}
.experiences-section h3, .education-section h4, .education-section h5 {text-align: left !important;}
.img_footer {padding-top: 20px;}
footer {
    font-size: 15px !important;
}
#arrow {left: -3px;}
.container.rdv .col {margin: 0px; padding: 0px;}
}

/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 375px) {
}

/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
}

/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
}