.AlignItems { align-items: center; display: flex; } .Background { background: linear-gradient(to right, rgb(180, 4, 36), rgb(10, 16, 155)); background: url("../images/background.jpg") no-repeat center center; background-size: cover; } .Background > div { background: rgba(49, 158, 6, 0.45); align-items: center; display: flex; min-height: 350px; padding: 20px 0; width: 100%; } .Background > div > div { color: rgb(255, 255, 255); font-size: 30pt; margin: auto; text-align: center; } .ButtonMenuMore { cursor: pointer; font-size: xx-large; font-weight: bold; } [class*="col-"] { float: left; } .col-1 { width: 8.33%; } .col-2 { width: 16.66%; } .col-2-3 { width: 20%; } .col-3 { width: 25%; } .col-4 { width: 33.33%; } .col-5 { width: 41.66%; } .col-6 { width: 50%; } .col-7 { width: 58.33%; } .col-8 { width: 66.66%; } .col-9 { width: 75%; } .col-10 { width: 83.33%; } .col-11 { width: 91.66%; } .col-12 { width: 100%; } .Container { padding: 10px; } .CookiesPolicy { background-color: rgb(80 80 80); border-bottom: 1px solid rgb(113, 186, 13); box-shadow: 0 2px 10px rgb(0, 0, 0); color: rgb(255, 255, 255); display: none; padding: 10px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 99999; } .CookiesPolicy a { color: rgb(113, 186, 13); } .CookiesPolicy button { background-color: rgb(113, 186, 13); color: rgb(255, 255, 255); } .Copyright { background-color: rgb(40, 40, 40); color: rgb(100, 100, 100); font-size: 9pt; padding: 5px; min-height: 40px; } .Footer { background: linear-gradient(rgb(80 80 80), rgb(40, 40, 40)); color: rgb(235, 235, 235); min-height: 100px; padding: 10px; } .Footer a { color: rgb(235, 235, 235); text-decoration: none; } .Footer a:hover { color: rgba(235, 235, 235, 0.75); text-decoration: underline; transition: color 1s; } .Footer ul { list-style: none; } .Logo { float: left; } .Logo a { color: rgb(49, 158, 6); text-decoration: none; } .Menu { float: right; } .Menu a { color: rgb(80 80 80); } .Menu a:hover { color: rgb(49, 158, 6); } .Menu > a > div { float: left; padding: 0 10px } .Mobile { display: none } .NavBar { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(235, 235, 235); padding: 10px 50px; } .NavMenu { float: right; } .NavSubMenu { background-color: rgb(80 80 80); color: rgb(235, 235, 235); display: none; font-size: large; } .NavSubMenu div { padding: 5px; } .NavSubMenu a { color: rgb(235, 235, 235); text-decoration: none; } .NavSubMenu div:hover { background-color: rgb(235, 235, 235); color: rgb(49, 158, 6); } .OnTop { background: url("../images/32/top.png") no-repeat center center; background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; bottom: 25px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); cursor: pointer; display: none; height: 56px; height: 56px; padding: 5px; position: Fixed; right: 20px; width: 56px; transition: 1s; z-index: 1; } .Pack { background-color: rgb(255, 255, 255); border: 1px solid rgb(235, 235, 235); box-shadow: 0 0 15px rgb(235, 235, 235); margin: 10px; padding: 10px; } .Pack .Container div { padding: 5px; } .PC{ display: block; } .SubTitle { font-size: x-large; } .Title { color: rgb(49, 158, 6); font-size: xx-large; padding: 5px; } .WidthAuto { margin: auto; max-width: 1150px; width: 100%; } @media only screen and (max-width: 600px) { .Background > div { min-height: 100px; } .Background > div > div { font-size: xx-large; } [class*="col-"], .Float-Left, .Float-Right { float: none; width: 100%; } .Mobile { display: block; } .NavBar { padding: 10px; } .PC { display: none } }