Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ body { font-family: Raleway; } .btn-rounded { border-radius: 25px !important; } .custom-control-input{ color:white; background:#e5692c; } .btn-orange{ color:#fff;background-color:#fff; border:2px solid; border-color:#e5692c; color:#e5692c; font-weight:bold; font-size:0.8em; border-radius:25px; padding:10px; } .btn-orange:hover{color:#fff;background-color:#e5692c;border-color:#e5692c} .btn-continuer{ color:#fff;background-color:#e5692c; border:2px solid; border-color:#e5692c; color:#fff; font-weight:bold; font-size:0.8em; border-radius:25px; padding:10px; } .btn-continuer:hover{color:#fff;background-color:#e5692c;border-color:#e5692c} .btn-selection{ color:#939393;background-color: rgba(147, 147, 147, 0.24); text-align:left; border:1px solid; border-color:#939393; font-weight:bold; border-radius:2px; padding:10px; } .btn-selection:hover{color:#fff;background-color:#e5692c;border-color:#e5692c} .btn-selection.active, .btn-selection:active { color: #fff; background-color: #e5692c; border-color: #e5692c; outline: none; } .btn-qte{ color:#939393;background-color:rgba(147, 147, 147, 0.24); border:2px solid; border-color:#939393; font-weight:bold; border-radius:4px; padding:10px; } .btn-qte:hover{color:#fff;background-color:#e5692c;border-color:#e5692c} .card-title { letter-spacing: 0.2em; } .badge { font-size: 1em; } /* unvisited link */ a:link { color: #e5692c; } /* visited link */ a:visited { color: #e5692c; } /* mouse over link */ a:hover { color: #000; text-decoration: none; } /* selected link */ a:active { color: #000; } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { .card-text{ font-size:0.8em; } #portrait { height:210px } .btn-selection { font-size:0.8em; } #qte { font-size:1em; } h4 { font-size:1.1em; } .margin50 { margin-top:50px; } .btn-qte { font-size:0.6em; } .btn-continuer { width:110px } .zoneselection { padding:20px; } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { #portrait { height:210px } .margin50 { margin-top:50px; } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { #portrait { height:210px } .margin50 { margin-top:50px; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { #portrait { height:210px } .margin50 { margin-top:50px; } } @media (min-width: 1200px) and (max-width: 1399.98px) { #portrait { height:210px } .margin50 { margin-top:50px; } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1400px) { .card-text{ font-size:1.0em; } #portrait { height:300px } .btn-selection { font-size:1.1em; } .btn-continuer { width:150px } #qte { font-size:2em; } .margin50 { margin-top:50px; } .margin100 { margin-top:100px; } .btn-qte { font-size:0.8em; } .zoneselection { padding:50px; } }