SHARE
TWEET

Untitled

a guest Jul 17th, 2017 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2.   height: 100%;
  3.   box-sizing: border-box;
  4. }
  5.  
  6. *,
  7. *:before,
  8. *:after {
  9.   box-sizing: inherit;
  10. }
  11. body {
  12.   position: relative;
  13.   margin: 0;
  14.   padding-bottom: 16rem;
  15.   min-height: 100%;
  16.     background: #f1f1f1;
  17. }
  18. button {
  19.     cursor: pointer;
  20.     text-transform: uppercase;
  21.     transition: all 0.3s ease-in;
  22. }
  23. input, textarea, button {
  24.     -webkit-appearance: none;
  25. }
  26. .menu {
  27.     height: 75px;
  28. }
  29. .search-input {
  30.   position: relative;
  31.   padding: 1rem 0 0.5rem 0;
  32.   height: 4.3rem;
  33.   width: 75%;
  34. }
  35. .ct-form {
  36.     margin-top: 50px;
  37.   height: 600px;
  38.     width: 100%;
  39. }
  40. .ct-form button {
  41.     margin-top: 80px;
  42.     padding: 0.4rem 0 0.5rem 0;
  43.     height: 2.2rem;
  44.     width: 20%;
  45.     margin-left: 2%;
  46.     background: transparent;
  47.     border: 1px solid black;
  48.     color: black;
  49.     font-size: 1.1em;
  50.     font-weight: 100;
  51. }
  52. .main-block {
  53.   height: auto;
  54. }
  55. .search-input input {
  56.   border: none;
  57.   border-bottom: 1px solid white;
  58.   display: block;
  59.   font-size: 1rem;
  60.   line-height: 1rem;
  61.   margin: 0;
  62.   padding: 0.5rem 0;
  63.   width: 100%;
  64.   text-align: left;
  65.   background-color: transparent;
  66.   color: white;
  67. }
  68.  
  69. .search-input input:focus {
  70.   outline: none;
  71. }
  72.  
  73. .search-input label {
  74.   position: absolute;
  75.   left: 0;
  76.   top: 1.625rem;
  77.   width: 100%;
  78.   color: rgba(255, 255, 255, 0.3);
  79.   font-size: 1rem;
  80.   line-height: 1rem;
  81.   font-weight: normal;
  82.   pointer-events: none;
  83.   transition: 0.2s ease all;
  84.   -moz-transition: 0.2s ease all;
  85.   -webkit-transition: 0.2s ease all;
  86.     left: 20px;
  87.     text-transform: uppercase;
  88. }
  89.  
  90. .search-input input:focus ~ label {
  91.   top: 0;
  92.   font-size: 0.75rem;
  93.   color: white;
  94.     left: 0;
  95. }
  96.  
  97. .search-input label.not-empty {
  98.   top: 0;
  99.   font-size: 0.75rem;
  100. }
  101.  
  102. .search-input span:nth-of-type(3) {
  103.   position: absolute;
  104.   color: white;
  105.   left: 100%;
  106.   top: 1.625rem;
  107.   font-size: 1rem;
  108.   transition: 0.2s ease all;
  109.   -moz-transition: 0.2s ease all;
  110.   -webkit-transition: 0.2s ease all;
  111. }
  112.  
  113. .search-input input:focus ~ span:nth-of-type(3) {
  114.   left: -1.625rem;
  115.   top: 1.625rem;
  116.   color: white;
  117. }
  118.  
  119. .search-input span:nth-of-type(3).not-empty {
  120.   left: -1.625rem !important;
  121.   top: 1.625rem !important;
  122. }
  123.  
  124. .search-input span:nth-of-type(4) {
  125.   position: absolute;
  126.   color: white;
  127.   right: 0;
  128.   top: 1.625rem;
  129.   font-size: 1rem;
  130.   opacity: 0;
  131.   transition: 0.2s ease all;
  132.   -moz-transition: 0.2s ease all;
  133.   -webkit-transition: 0.2s ease all;
  134. }
  135.  
  136. .search-input input:focus ~ span:nth-of-type(4) {
  137.   color: white;
  138.   opacity: 1;
  139.   cursor: pointer;
  140. }
  141.  
  142. .search-input span:nth-of-type(4).not-empty {
  143.   opacity: 1 !important;
  144. }
  145.  
  146. .search-input .bar {
  147.   display: block;
  148.   width: 0;
  149.   margin-left: 50%;
  150.   height: 1px;
  151.   background: white;
  152.   opacity: 0;
  153.   transition: 0.2s ease all;
  154.   -moz-transition: 0.2s ease all;
  155.   -webkit-transition: 0.2s ease all;
  156. }
  157.  
  158. .search-input input:focus ~ .bar {
  159.   opacity: 1;
  160.   width: 100%;
  161.   margin-left: 0;
  162. }
  163.  
  164. /* End first search input */
  165.  
  166.  
  167. .search-input2 {
  168.   position: relative;
  169.   padding: 1rem 1em 0.5rem 1em;
  170.   height: 4.5rem;
  171.   width: 100%;
  172. }
  173.  
  174. .search-input2 input {
  175.   border: none;
  176.   border-bottom: 1px solid black;
  177.   display: block;
  178.   font-size: 1rem;
  179.   line-height: 1rem;
  180.   margin: 0;
  181.   padding: 0.6rem 0.2em;
  182.   width: 100%;
  183.   text-align: left;
  184.   background-color: transparent;
  185.   color: black;
  186. }
  187.  
  188. .search-input2 input:focus {
  189.   outline: none;
  190. }
  191.  
  192. .search-input2 label {
  193.   position: absolute;
  194.   left: 40px;
  195.   top: 1.625rem;
  196.   width: 100%;
  197.   color: rgba(0, 0, 0, 0.3);
  198.   font-size: 1rem;
  199.   line-height: 1rem;
  200.   font-weight: normal;
  201.   pointer-events: none;
  202.   transition: 0.2s ease all;
  203.   -moz-transition: 0.2s ease all;
  204.   -webkit-transition: 0.2s ease all;
  205. }
  206.  
  207. .search-input2 input:focus ~ label {
  208.   top: 0;
  209.   font-size: 0.75rem;
  210.   color: black;
  211.     left: 20px;
  212. }
  213.  
  214. .search-input2 label.not-empty {
  215.   top: 0;
  216.   font-size: 0.75rem;
  217. }
  218.  
  219. .search-input2 span:nth-of-type(3) {
  220.   position: absolute;
  221.   color: black;
  222.   left: 100%;
  223.   top: 1.625rem;
  224.   font-size: 1rem;
  225.   transition: 0.2s ease all;
  226.   -moz-transition: 0.2s ease all;
  227.   -webkit-transition: 0.2s ease all;
  228. }
  229.  
  230. .search-input2 input:focus ~ span:nth-of-type(3) {
  231.   left: -1.625rem;
  232.   top: 1.625rem;
  233.   color: black;
  234. }
  235.  
  236. .search-input2 span:nth-of-type(3).not-empty {
  237.   left: -1.625rem !important;
  238.   top: 1.625rem !important;
  239. }
  240.  
  241. .search-input2 span:nth-of-type(4) {
  242.   position: absolute;
  243.   color: black;
  244.   right: 0;
  245.   top: 1.625rem;
  246.   font-size: 1rem;
  247.   opacity: 0;
  248.   transition: 0.2s ease all;
  249.   -moz-transition: 0.2s ease all;
  250.   -webkit-transition: 0.2s ease all;
  251. }
  252.  
  253. .search-input2 input:focus ~ span:nth-of-type(4) {
  254.   color: black;
  255.   opacity: 1;
  256.   cursor: pointer;
  257. }
  258.  
  259. .search-input2 span:nth-of-type(4).not-empty {
  260.   opacity: 1 !important;
  261. }
  262.  
  263. .search-input2 .bar {
  264.   display: block;
  265.   width: 0;
  266.   margin-left: 50%;
  267.   height: 1px;
  268.   background: black;
  269.   opacity: 0;
  270.   transition: 0.2s ease all;
  271.   -moz-transition: 0.2s ease all;
  272.   -webkit-transition: 0.2s ease all;
  273. }
  274.  
  275. .search-input2 input:focus ~ .bar {
  276.   opacity: 1;
  277.   width: 100%;
  278.   margin-left: 0;
  279. }
  280.  
  281.  
  282. /* textarea block */
  283.  
  284.  
  285.  
  286. .search-input2 textarea {
  287.   border: none;
  288.   border-bottom: 1px solid black;
  289.   display: block;
  290.   font-size: 1rem;
  291.   line-height: 1rem;
  292.   margin: 0;
  293.   padding: 0.5rem 1em 0.5em 1em;
  294.   width: 100%;
  295.   text-align: left;
  296.   background-color: transparent;
  297.   color: black;
  298.     resize: none;
  299.     height: 100px;
  300. }
  301.  
  302. .search-input2 textarea:focus {
  303.   outline: none;
  304. }
  305.  
  306. .search-input2 textarea:focus ~ label {
  307.   top: 0;
  308.   font-size: 0.75rem;
  309.   color: black;
  310.     left: 20px;
  311. }
  312.  
  313. .search-input2 label.not-empty {
  314.   top: 0;
  315.   font-size: 0.75rem;
  316. }
  317.  
  318. .search-input2 textarea:focus ~ span:nth-of-type(3) {
  319.   left: -1.625rem;
  320.   top: 1.625rem;
  321.   color: black;
  322. }
  323.  
  324. .search-input2 textarea:focus ~ span:nth-of-type(4) {
  325.   color: black;
  326.   opacity: 1;
  327.   cursor: pointer;
  328. }
  329.  
  330. .search-input2 textarea:focus ~ .bar {
  331.   opacity: 1;
  332.   width: 100%;
  333.   margin-left: 0;
  334. }
  335.  
  336.  
  337. /* End second first input */
  338.  
  339. .main-container {
  340.     width: 911px;
  341.     margin: 0 auto;
  342.     font-family: 'Open Sans', sans-serif;
  343. }
  344. .menu ul {
  345.     display: flex;
  346.     flex-direction: row;
  347.     justify-content: center;
  348.     align-items: center;
  349.     align-content: center;
  350.     height: 55px;
  351.     width: 100%;
  352.     background: black;
  353.     color: white;
  354.   padding: 0;
  355.   list-style: none;
  356.   margin-top: 0;
  357. }
  358. .menu ul li {
  359.     padding-left: 10px;
  360.     padding-right: 10px;
  361.     text-transform: uppercase;
  362.     font-family: 'Open Sans', sans-serif;
  363.     font-size: 0.938em;
  364.     font-weight: 400;
  365. }
  366. .main-container {
  367.     display: flex;
  368.     flex-direction: column;
  369.     justify-content: center;
  370.     align-items: center;
  371.     align-content: center;
  372. }
  373. .first-block {
  374.     background: url('/images/fb-bg.png') 50% 2%/cover no-repeat;
  375.     margin-top: -20px;
  376. }
  377. .first-block .main-container {
  378.     height: 400px;
  379.     display: flex;
  380.     flex-direction: column;
  381.     justify-content: center;
  382.     align-items: left;
  383.     align-content: center;
  384.     color: white;
  385. }
  386. .first-block .main-container .text {
  387.     display: flex;
  388.     flex-direction: column;
  389.     justify-content: flex-start;
  390.     position: relative;
  391.     top: -40px;
  392.     margin-left:40px;
  393. }
  394. .first-block .main-container .text div {
  395.     width: 470px;
  396. }
  397. .first-block .main-container .text div:nth-child(1) {
  398.     text-transform: uppercase;
  399.     font-size: 2.5em
  400. }
  401. .first-block .main-container .text div:nth-child(2) {
  402.     font-size: 1.563em;
  403.     font-weight: 300;
  404. }
  405. .first-block .main-container .search {
  406.     width: 100%;
  407. }
  408. .first-block .main-container .search-form {
  409.     padding-left: 20px;
  410.     padding-right: 20px;
  411.     width: 100%;
  412.     display: flex;
  413.     position: relative;
  414.     flex-direction: row;
  415.     justify-content: center;
  416.     align-items: center;
  417.     bottom: -60px;
  418. }
  419. .first-block .main-container .search button {
  420.     padding: 0.4rem 0 0.5rem 0;
  421.     height: 2.2rem;
  422.     width: 20%;
  423.     margin-left: 3.2%;
  424.     background: transparent;
  425.     border: 1px solid white;
  426.     color: white;
  427.     font-size: 1.1em;
  428.     font-weight: 100;
  429. }
  430. .main-block .banner {
  431.     height: 100px;
  432.     width: 750px;
  433.     margin: 10px;
  434.     border: 1px solid rgba(0,0,0,0.3);
  435. }
  436. .main-block .header {
  437.     font-size: 2.5em;
  438.     font-weight: 100;
  439.     margin: 3%;
  440.     text-transform: uppercase;
  441. }
  442. .main-block .category {
  443.     width: 100%;
  444.     display: flex;
  445.     flex-direction: row;
  446.     flex-wrap: wrap;
  447.     justify-content: center;
  448.     align-content: center;
  449.     align-items: center;
  450. }
  451.  
  452. .main-block .category a {
  453.     width: 30%;
  454.     padding-left: 10px;
  455.     padding-right: 10px;
  456.     text-align: center;
  457.     margin-bottom: 20px;
  458.     height: 80px;
  459.     border: 1px solid rgba(0,0,0,0.2);
  460.     align-items: center;
  461.     align-content: center;
  462.     display: flex;
  463.     justify-content: center;
  464.     text-decoration: underline;
  465.     text-transform: uppercase;
  466.     font-size: 0.938em;
  467.     background: white;
  468. }
  469. .main-block .category a div {
  470.     width: 100%;
  471.     height: 100%;
  472.     align-items: center;
  473.     align-content: center;
  474.     display: flex;
  475.     justify-content: center;
  476.     text-decoration: underline;
  477.     text-transform: uppercase;
  478.     color: black;
  479. }
  480. .main-block .category.category-content {
  481.     background: transparent;
  482. }
  483. .main-block .category.category-content div {
  484.     width: 19%;
  485.     height: 200px;
  486.     margin-left: 0.4%;
  487.     margin-right: 0.4%;
  488.     background: transparent;
  489.     border: none;
  490.     display: flex;
  491.     flex-direction: column;
  492.     justify-content: center;
  493.     align-content: center;
  494.     text-align: center;
  495.     align-items: center;
  496. }
  497. .main-block .category.category-content div .frans-logo {
  498.     width: 100%;
  499.     height: 100px;
  500. }
  501. .main-block .category.category-content div .text {
  502.     width: 100%;
  503.     height: 50px;
  504.     padding: 0;
  505.     text-decoration: underline;
  506.     font-weight: 700;
  507. }
  508. .main-block .category.category-content div:nth-child(3n+2) {
  509.     margin-left: 0.4%;
  510.     margin-right: 0.4%;
  511. }
  512. .main-block .category a:nth-child(3n+2) {
  513.     margin-left: 5%;
  514.     margin-right: 5%;
  515. }
  516. .footer {
  517.   position: absolute;
  518.   right: 0;
  519.   bottom: 0;
  520.   left: 0;
  521.   padding: 1rem;
  522.   background-color: #000;
  523. }
  524. .footer .main-container {
  525.     justify-content: space-between;
  526.     flex-direction: row;
  527. }
  528. .footer .copy {
  529.     width: 150px;
  530.     height: 200px;
  531.     display: flex;
  532.     flex-direction: column;
  533.     align-content: center;
  534.     justify-content: center;
  535.     align-items: center;
  536.     text-align: center;
  537. }
  538. .footer .copy .logo {
  539.     height: 100px;
  540.     width: 100%;
  541. }
  542. .footer .text {
  543.     color: #555;
  544.     font-size: 0.938em;
  545. }
  546. .footer .metr .text {
  547.     margin-top: 20px;
  548. }
  549. .footer .metr {
  550.     width: 250px;
  551.     height: 100px;
  552.     display: flex;
  553.     flex-direction: column;
  554.     align-content: center;
  555.     justify-content: center;
  556.     align-items: flex-end;
  557.     text-align: center;
  558. }
  559. .hamburger, .cross {
  560.     display: none;
  561.     width: 0;
  562.     height: 0;
  563. }
  564. .menu ul a {
  565.     color: white;
  566.     text-decoration: none;
  567. }
  568.  
  569.  
  570.  
  571.  
  572. .box-card {
  573.     width: 100%;
  574.     height: auto;
  575.     padding: 25px;
  576.     background: white;
  577.     display: flex;
  578.     flex-direction: row;
  579.     align-content: center;
  580.     align-items: center;
  581.     justify-content: space-between;
  582.     flex-wrap: wrap;
  583. }
  584. .box-card a {
  585.     color: black;  
  586. }
  587. .box-card .left-block {
  588.     display: flex;
  589.     width: 48%;
  590.     justify-content: flex-start;
  591.     align-items: flex-start;
  592.     flex-direction: column;
  593.     height: 400px;
  594.     position: relative;
  595. }
  596. .box-card .left-block .info {
  597.     display: flex;
  598.     justify-content: flex-start;
  599.     flex-direction: column;
  600.     font-size: 0.938em;
  601.     width: 100%;
  602. }
  603. .box-card .right-block {
  604.     display: flex;
  605.     width: 48%;
  606.     justify-content: flex-start;
  607.     align-items: flex-start;
  608.     flex-direction: column;
  609.     height: 400px;
  610.     position: relative;
  611. }
  612. .box-card .left-block .info .info-left {
  613.     width: 65%;
  614.     text-align: left;
  615. }
  616. .box-card .left-block .info .info-right {
  617.     width: 30%;
  618.     text-align: left;
  619. }
  620.  
  621. .box-card .left-block .info>div {
  622.     display: flex;
  623.     justify-content: space-between;
  624.     align-items: center;
  625.     align-content: center;
  626.     magin-top: 10px;
  627.     margin-bottom: 10px;
  628. }
  629. .box-card .left-block .description {
  630.     width: 100%;
  631.     text-align: left;
  632.     height: 200px;
  633.     margin-top: 20px;
  634. }
  635. .box-card button {
  636.     padding: 0.4rem 0 0.5rem 0;
  637.     height: 2.2rem;
  638.     width: 250px;
  639.     margin-left: 3.2%;
  640.     background: transparent;
  641.     border: 1px solid black;
  642.     color: black;
  643.     font-size: 1.1em;
  644.     font-weight: 100;
  645. }
  646. .box-card .right-block .main-logo {
  647.     width: 100%;
  648.     height: 250px;
  649. }
  650. .box-card .right-block .give-edit {
  651.     margin-top: 25px;
  652. }
  653. .box-card .right-block .frans-info {
  654.     position: absolute;
  655.     bottom: 0;
  656. }
  657. .box-card .left-block .send {
  658.     bottom: 0;
  659.     position: absolute;
  660. }
  661.  
  662. .feedback {
  663.     margin-top: 30px;
  664.     margin-bottom: 50px;
  665.     width: 100%;
  666.     display: flex;
  667.     flex-direction: column;
  668.     align-items: flex-start;
  669.     justify-content: center;
  670. }
  671. .feedback .row-1, .feedback  .row-2 {
  672.     height: auto;
  673.     width: 70%;
  674.     display: flex;
  675.     flex-direction: column;
  676.     background: white;
  677.     padding: 15px;
  678. }
  679. .feedback .row-1:after {
  680.   content: '';
  681.     position: relative;
  682.     width: 20px;
  683.     border: 20px solid transparent;
  684.     border-top: 20px solid white;
  685.     bottom: -53px;
  686.     left: 18px;
  687. }
  688. .feedback .row-2:after {
  689.   content: '';
  690.     position: relative;
  691.     width: 20px;
  692.     border: 20px solid transparent;
  693.     border-top: 20px solid white;
  694.     bottom: -53px;
  695.     left: calc(100% - 58px);
  696. }
  697. .feedback .row-2 {
  698.     margin-left: auto;
  699.     margin-top: 50px;
  700. }
  701. .feedback .row-1 {
  702.     margin-top: 50px;
  703. }
  704. .feedback .top-block {
  705.     display: flex;
  706.     flex-direction: row;
  707.     justify-content: flex-start;
  708.     align-items: center;
  709. }
  710. .feedback .top-block>div {
  711.     margin-right: 20px;
  712. }
  713. .feedback .feedback-text {
  714.     padding: 20px;
  715. }
  716. button:not(.burger):hover, button:not(.cross):hover {
  717.     cursor: pointer;
  718.     text-transform: uppercase;
  719.     transition: all 0.3s ease-in;
  720.     color: white !important;
  721.     background: #7ac142 !important;
  722. }
  723. .first-block .main-container .search button:hover {
  724.     color: black !important;
  725. }
  726. @media screen and (max-width: 911px) {
  727.     body {
  728.         padding-bottom: 29em;
  729.         font-size: 0.9em;
  730.     }
  731.     .first-block .main-container .text {
  732.         font-size: 0.8em;
  733.     }
  734.     .main-container {
  735.         width: 100%;
  736.     }
  737.     .footer {
  738.         height: 400px;
  739.     }
  740.     .footer .metr {
  741.         align-items: center;
  742.         margin-top: 60px;
  743.     }
  744.     .footer .main-container {
  745.         flex-direction: column-reverse;
  746.         justify-content: space-around;
  747.     }
  748.     .main-block .category a {
  749.         width: 40%;
  750.         margin-left: 5%;
  751.         margin-right: 5%;
  752.     }
  753.     .main-block .banner {
  754.         width: 80%;
  755.     }
  756.     .hamburger{
  757.         display: block;
  758.         background:none;
  759.         position:fixed;
  760.         top:0;
  761.         right:0;
  762.         line-height:45px;
  763.         padding: 0px 15px 0px 15px;
  764.         color:#bbb;
  765.         border:0;
  766.         font-size: 3em;
  767.         font-weight:bold;
  768.         cursor:pointer;
  769.         outline:none;
  770.         margin-top: 15px;
  771.         margin-right: 45px;
  772.         z-index:10000000000000;
  773.         width: 50px;
  774.         height: 50px;
  775.     }
  776.     .cross{
  777.         display: block;
  778.         background:none;
  779.         position:fixed;
  780.         top:0px;
  781.         right:0;
  782.         padding:0px 15px 0px 15px;
  783.         color:#bbb;
  784.         border:0;
  785.         margin-top: 15px;
  786.         margin-right: 45px;
  787.         font-size: 3em;
  788.         line-height:65px;
  789.         font-weight:bold;
  790.         cursor:pointer;
  791.         outline:none;
  792.         z-index:10000000000000;
  793.         width: 50px;
  794.         height: 50px;
  795.     }
  796.     .menu{ z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:black;  position:fixed; text-align:center; font-size:12px; height: auto;}
  797.     .menu ul {display: block; height: auto; background: black; position: relative; top: 15px; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
  798.     .menu li {display: block;   padding:35px 0 35px 0; border-bottom:#dddddd 1px solid;}
  799.     .menu li:hover{display: block;    background:#ffffff; padding:35px 0 35px 0; border-bottom:#dddddd 1px solid;}
  800.     .menu ul li a { text-decoration:none;  margin: 0px; color:#fff;}
  801.     .menu ul li a:hover {  color: #000; text-decoration:none;}
  802.     .menu ul a{text-decoration:none; color:#fff;}
  803.     .menu ul a:hover{text-decoration:none; color:#000;}
  804.     .first-block .main-container .text {
  805.         margin-left: 40px;
  806.     }
  807.     .main-block .category.category-content div {
  808.         width: 48%;
  809.         height: 200px;
  810.         margin-left: 0.4%;
  811.         margin-right: 0.4%;
  812.         background: transparent;
  813.         border: none;
  814.         display: flex;
  815.         flex-direction: column;
  816.         justify-content: center;
  817.         align-content: center;
  818.         text-align: center;
  819.         align-items: center;
  820.     }
  821.     .box-card {
  822.         flex-direction: column;
  823.     }
  824.     .box-card .left-block , .box-card .right-block {
  825.         width: 100%;
  826.         margin-bottom: 40px;
  827.     }
  828.     .box-card .left-block .description {
  829.         height: auto;
  830.     }
  831.     .box-card .left-block {
  832.         padding-bottom: 100px;
  833.         height: auto;
  834.     }
  835.     .feedback {
  836.         align-items: center;
  837.     }
  838.     .feedback .row-1, .feedback  .row-2 {
  839.     width: 94%;
  840.     margin-left: 3%;
  841.     margin-right: 3%;
  842.     }
  843.     .box-card .left-block, .box-card .right-block {
  844.         align-items: center;
  845.         justify-content: center;
  846.     }
  847. }
  848. @media screen and (max-width: 711px) {
  849.     .main-block .category a {
  850.         width: 90%;
  851.         margin-left: 5%;
  852.         margin-right: 5%;
  853.     }
  854.     .main-block .category.category-content div {
  855.         width: 100%;
  856.         height: 200px;
  857.         margin-left: 0.4%;
  858.         margin-right: 0.4%;
  859.         background: transparent;
  860.         border: none;
  861.         display: flex;
  862.         flex-direction: column;
  863.         justify-content: center;
  864.         align-content: center;
  865.         text-align: center;
  866.         align-items: center;
  867.     }
  868.     .main-block .category.category-content div .frans-logo {
  869.         width: 400px;
  870.         height: 100px;
  871.     }
  872.     .first-block .main-container .search button {
  873.         width: 50%;
  874.     }
  875.     .search-form .search-input {
  876.         width: 100%;
  877.     }
  878.     .first-block .main-container .search-form {
  879.         flex-direction: column;
  880.     }
  881.     .ct-form button {
  882.         width: 50%;
  883.         left: 0;
  884.         right: 0;
  885.         position: relative;
  886.     }
  887.     .ct-form form {
  888.     display: flex;
  889.     flex-direction: column;
  890.     align-items: center;
  891.     align-content: center;
  892.     }
  893. }
RAW Paste Data
Pastebin PRO Summer Special!
Get 60% OFF on Pastebin PRO accounts!
Top