708 lines
12 KiB
CSS
708 lines
12 KiB
CSS
|
/*--------------------------------------------------------*/
|
||
|
|
/* FONTS
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
/* roboto-300 - latin */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Roboto';
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 300;
|
||
|
|
src: local('Roboto Light'), local('Roboto-Light'),
|
||
|
|
url('../fonts/roboto-v18-latin-300.woff2') format('woff2'),
|
||
|
|
url('../fonts/roboto-v18-latin-300.woff') format('woff');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* roboto-regular - latin */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Roboto';
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: local('Roboto'), local('Roboto-Regular'),
|
||
|
|
url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
|
||
|
|
url('../fonts/roboto-v18-latin-regular.woff') format('woff');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* roboto-italic - latin */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Roboto';
|
||
|
|
font-style: italic;
|
||
|
|
font-weight: 400;
|
||
|
|
src: local('Roboto Italic'), local('Roboto-Italic'),
|
||
|
|
url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'),
|
||
|
|
url('../fonts/roboto-v18-latin-italic.woff') format('woff');
|
||
|
|
}
|
||
|
|
|
||
|
|
/* roboto-700 - latin */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Roboto';
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
src: local('Roboto Bold'), local('Roboto-Bold'),
|
||
|
|
url('../fonts/roboto-v18-latin-700.woff2') format('woff2'),
|
||
|
|
url('../fonts/roboto-v18-latin-700.woff') format('woff');
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* GENERAL RULES
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
font-family: "Roboto", serif;
|
||
|
|
font-weight: 300;
|
||
|
|
line-height: 180%;
|
||
|
|
color: #ebecf2;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: #110e05; /*#1a223e;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
a,
|
||
|
|
a:hover,
|
||
|
|
a:active,
|
||
|
|
a:visited {
|
||
|
|
color: #ebecf2;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 480px) {
|
||
|
|
html, body {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 160%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* HEADER
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#main-header {
|
||
|
|
margin: 0 auto;
|
||
|
|
max-width: 100vw;
|
||
|
|
height: calc(100vw * 2686 / 3893); /*750px;*/
|
||
|
|
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
/*background: #1a223e;
|
||
|
|
background: radial-gradient(closest-side ellipse at center, #283e65 0%, #1a223e 100%)*/
|
||
|
|
|
||
|
|
background-image: radial-gradient(closest-side ellipse at 27.8% 65.7%, #e5c791c0 0%, #c89c2fa1 30%, #18171201 80%, #1817120f 100%),
|
||
|
|
/*Personne dans l'equipe 2021 n'a voulu de mes beaux projecteurs violets, snif :"(*/
|
||
|
|
/*radial-gradient(farthest-side ellipse at 0% 0%, #7f00ffb0 0%, #7f00ff00 45%),
|
||
|
|
radial-gradient(farthest-side ellipse at 100% 0%, #7f00ffa0 0%, #7f00ff00 50%),*/
|
||
|
|
linear-gradient(to bottom, #ffffff00 0%, #ffffff00 90%, #73716500 90%, #110e05ff 100%),
|
||
|
|
url("../img/header/newheader.jpg");
|
||
|
|
|
||
|
|
/*background-image: url("../img/header/newheader.jpg");*/
|
||
|
|
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% auto;
|
||
|
|
background-position: center bottom;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/*For mobile & tablet devices (this overrides the previous #main-header)*/
|
||
|
|
@media only screen and (max-width: 800px) {
|
||
|
|
#main-header {
|
||
|
|
margin: 0 auto;
|
||
|
|
max-width: 100vw;
|
||
|
|
height: calc(100vw * 3434 / 3894);
|
||
|
|
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
/*background: #1a223e;
|
||
|
|
background: radial-gradient(closest-side ellipse at center, #283e65 0%, #1a223e 100%)*/
|
||
|
|
|
||
|
|
background-image: linear-gradient(to bottom, #ffffff00 0%, #ffffff00 70%, #73716500 70%, #110e05ff 100%),
|
||
|
|
url("../img/header/initial-newheader.jpg");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center bottom;
|
||
|
|
|
||
|
|
display: block;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*#main-header-title {
|
||
|
|
width: 661px;
|
||
|
|
height: 478px;
|
||
|
|
object-fit: cover;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
top: 50px;
|
||
|
|
left: calc(50% - 331px);
|
||
|
|
|
||
|
|
z-index: 1000;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/*#main-header-subtitle {
|
||
|
|
width: 550px;
|
||
|
|
height: 77px;
|
||
|
|
object-fit: cover;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
top: 550px;
|
||
|
|
left: calc(50% - 275px);
|
||
|
|
|
||
|
|
z-index: 800;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/*#main-header-hands {
|
||
|
|
width: 381px;
|
||
|
|
height: 600px;
|
||
|
|
object-fit: cover;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
|
||
|
|
z-index: 500;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/*#main-header-stars {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
z-index: 0;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
#main-header-leaves {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* CONTENT
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
section {
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
|
||
|
|
section > * {
|
||
|
|
max-width: 960px;
|
||
|
|
|
||
|
|
margin-left: calc(50% - 480px);
|
||
|
|
padding-left: 60px;
|
||
|
|
padding-right: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
section h2 {
|
||
|
|
margin-bottom: 25px;
|
||
|
|
padding: 100px 60px 15px 60px;
|
||
|
|
|
||
|
|
background: radial-gradient(ellipse at bottom, rgba(255, 223, 165, 0.1) 0%, transparent 70%);
|
||
|
|
|
||
|
|
border: none;
|
||
|
|
border-bottom: 2px solid rgba(255, 223, 165, 0.5);
|
||
|
|
border-image-source: linear-gradient(to right, transparent 0%, rgba(255, 223, 165, 0.7) 50%, transparent 100%);
|
||
|
|
border-image-slice: 1;
|
||
|
|
|
||
|
|
color: #f2dab6;
|
||
|
|
font-size: 2.1rem;
|
||
|
|
font-weight: 300;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-align: center;
|
||
|
|
word-wrap: break-word;
|
||
|
|
hyphens: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
section p {
|
||
|
|
padding-bottom: 20px;
|
||
|
|
font-size: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
section p.stand-out {
|
||
|
|
font-style: italic;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 880px) {
|
||
|
|
/* section {
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
margin: 0 auto 100px auto;
|
||
|
|
padding: 0 60px;
|
||
|
|
} */
|
||
|
|
|
||
|
|
section > * {
|
||
|
|
max-width: 960px;
|
||
|
|
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
padding-left: 40px;
|
||
|
|
padding-right: 40px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 480px) {
|
||
|
|
section > * {
|
||
|
|
padding-left: 30px;
|
||
|
|
padding-right: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
section h2 {
|
||
|
|
padding: 80px 0 10px 0;
|
||
|
|
font-size: 1.6rem;
|
||
|
|
hyphens: none;
|
||
|
|
line-height: 2rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 320px) {
|
||
|
|
section h2 {
|
||
|
|
font-size: 1.4rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* BUTTONS
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
.button {
|
||
|
|
display: block;
|
||
|
|
width: 80%;
|
||
|
|
|
||
|
|
margin: 20px auto 0 auto;
|
||
|
|
padding: 15px 20px;
|
||
|
|
|
||
|
|
background-color: rgba(255, 223, 165, 0.1);
|
||
|
|
|
||
|
|
border: 2px solid rgba(255, 223, 165, 0.7);
|
||
|
|
|
||
|
|
color: #f2dab6;
|
||
|
|
font-size: 1.4rem;
|
||
|
|
font-weight: 400;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
line-height: 32px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:hover {
|
||
|
|
background-color: rgba(255, 223, 165, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.button img {
|
||
|
|
height: 32px;
|
||
|
|
width: 32px;
|
||
|
|
|
||
|
|
margin: 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button img.fix-alignement {
|
||
|
|
margin-top: -3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button > * {
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 480px) {
|
||
|
|
.button {
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
padding: 10px 15px;
|
||
|
|
|
||
|
|
font-size: 1.1rem;
|
||
|
|
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button img {
|
||
|
|
height: 24px;
|
||
|
|
width: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* PRICE TABLE
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#calendar {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 880px) {
|
||
|
|
#calendar {
|
||
|
|
overflow-x: scroll;
|
||
|
|
}
|
||
|
|
|
||
|
|
#cal-container {
|
||
|
|
min-width: 1800px;
|
||
|
|
margin: 0 0 40px 0; /* Fix the weird y-overflow of the calendar root */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* PRICE TABLE
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
table.prices {
|
||
|
|
max-width: 600px;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
margin: 20px auto;
|
||
|
|
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.prices th,
|
||
|
|
table.prices td {
|
||
|
|
padding: 8px 0;
|
||
|
|
|
||
|
|
font-size: 1.3rem;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.prices th {
|
||
|
|
color: #f2dab6;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.prices td {
|
||
|
|
background-color: rgba(255, 223, 165, 0.05);
|
||
|
|
|
||
|
|
border-top: 2px solid rgba(255, 223, 165, 0.5);
|
||
|
|
border-bottom: 2px solid rgba(255, 223, 165, 0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
table.prices tr:nth-child(odd) td {
|
||
|
|
background-color: rgba(255, 223, 165, 0.08);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 480px) {
|
||
|
|
table.prices th,
|
||
|
|
table.prices td {
|
||
|
|
padding: 5px 0;
|
||
|
|
|
||
|
|
font-size: 1.1rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* LOCATION
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#mailing-address {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
|
||
|
|
text-align: center;
|
||
|
|
line-height: 32px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
#mailing-address img {
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#interactive-map {
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
margin: 20px 0;
|
||
|
|
|
||
|
|
border: none;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#public-transport-info {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||
|
|
grid-template-rows: 1fr 1fr 1fr;
|
||
|
|
|
||
|
|
margin-left: calc(50% - 480px - 50px);
|
||
|
|
|
||
|
|
font-size: 1.5rem;
|
||
|
|
|
||
|
|
line-height: 48px;
|
||
|
|
vertical-align: middle;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
#public-transport-info > * {
|
||
|
|
margin: 5px;
|
||
|
|
|
||
|
|
justify-self: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#public-transport-info img {
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
|
||
|
|
margin: 0 5px 0 0;
|
||
|
|
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-metro-icon,
|
||
|
|
#transport-metro-stop,
|
||
|
|
#transport-bus-1-icon,
|
||
|
|
#transport-bus-1-stop {
|
||
|
|
grid-row: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-rer-icon,
|
||
|
|
#transport-rer-stop,
|
||
|
|
#transport-bus-2-icon,
|
||
|
|
#transport-bus-2-stop {
|
||
|
|
grid-row: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-noctilien-icon,
|
||
|
|
#transport-noctilien-stop {
|
||
|
|
grid-row: 3;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-metro-icon,
|
||
|
|
#transport-rer-icon {
|
||
|
|
grid-column: 1;
|
||
|
|
justify-self: end;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-metro-stop,
|
||
|
|
#transport-rer-stop {
|
||
|
|
grid-column: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-bus-1-icon,
|
||
|
|
#transport-bus-2-icon,
|
||
|
|
#transport-noctilien-icon {
|
||
|
|
grid-column: 3;
|
||
|
|
justify-self: end;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-bus-1-stop,
|
||
|
|
#transport-bus-2-stop,
|
||
|
|
#transport-noctilien-stop {
|
||
|
|
grid-column: 4;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 880px) {
|
||
|
|
#public-transport-info {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
grid-template-rows: auto auto auto auto auto;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
margin: 0;
|
||
|
|
|
||
|
|
line-height: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-metro-icon,
|
||
|
|
#transport-metro-stop {
|
||
|
|
grid-row: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-rer-icon,
|
||
|
|
#transport-rer-stop {
|
||
|
|
grid-row: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-bus-1-icon,
|
||
|
|
#transport-bus-1-stop {
|
||
|
|
grid-row: 3;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-bus-2-icon,
|
||
|
|
#transport-bus-2-stop {
|
||
|
|
grid-row: 4;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-noctilien-icon,
|
||
|
|
#transport-noctilien-stop {
|
||
|
|
grid-row: 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-metro-icon,
|
||
|
|
#transport-rer-icon,
|
||
|
|
#transport-bus-1-icon,
|
||
|
|
#transport-bus-2-icon,
|
||
|
|
#transport-noctilien-icon {
|
||
|
|
grid-column: 1;
|
||
|
|
justify-self: end;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#transport-metro-stop,
|
||
|
|
#transport-rer-stop,
|
||
|
|
#transport-bus-1-stop,
|
||
|
|
#transport-bus-2-stop,
|
||
|
|
#transport-noctilien-stop {
|
||
|
|
grid-column: 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 580px) {
|
||
|
|
#mailing-address {
|
||
|
|
font-size: 1.1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
#public-transport-info {
|
||
|
|
grid-template-columns: 4fr 6fr;
|
||
|
|
|
||
|
|
line-height: 32px;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
#public-transport-info img {
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 380px) {
|
||
|
|
#public-transport-info img {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* SPONSORS
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#sponsors {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sponsors img {
|
||
|
|
height: 100px;
|
||
|
|
object-fit: cover;
|
||
|
|
|
||
|
|
margin: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sponsors img.sponsor-disc {
|
||
|
|
height: 155px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 480px) {
|
||
|
|
#sponsors img {
|
||
|
|
height: 40px;
|
||
|
|
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sponsors img.sponsor-disc {
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
/* CONTACT
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#contact-email {
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 1.5rem;
|
||
|
|
text-align: center;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
#contact-email img {
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*--------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 480px) {
|
||
|
|
#contact-email {
|
||
|
|
font-size: 0.9rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
#contact-email img {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|