style.css

.background{background-color:#26435A !important}h1{font-family:'rift-soft', sans-serif;font-weight:500;font-size:44px;color:#fff}h2{font-family:'rift-soft', sans-serif;font-weight:500;font-size:38px;color:#26435A !important}h3{font-family:'rift-soft', sans-serif;font-weight:500;font-size:28px;color:#3C3C3C}h4{font-family:'rift-soft', sans-serif;font-weight:500;font-size:22px;color:#3C3C3C}h5{font-family:'rift-soft', sans-serif;font-weight:500;font-size:22px;color:#fff}p{font-family:'Open Sans', sans-serif;font-size:14px;color:#4A4A4A}.italic{font-style:italic}.ReactModal__Overlay{z-index:1000 !important}.navbar-white{background-color:white !important}.navbar{background-color:transparent;position:fixed;width:100%;z-index:2000;border-radius:0 !important}.navbar .container .navbar-nav{list-style-type:none}.navbar-light .navbar-nav .nav-link{font-family:'rift-soft', sans-serif;color:#fff;font-size:18px;border-bottom:1px solid transparent;cursor:pointer}.navbar-light .navbar-nav .nav-link:hover{color:#fff;border-bottom:1px solid #fff}ul.navbar-nav.ml-auto{width:20%;float:right}.modal-text{width:50%;margin:0 auto;margin-top:10%;border-bottom:1px solid #26435A;padding-bottom:7px;margin-bottom:1em}.modal-text:focus,.modal-text:visited,.modal-text:active{outline:none}.password{margin-top:1em}.modal-button{border:0;background:transparent;float:right;background-image:url("./src/assets/img/cancel.png");background-repeat:no-repeat;background-size:30px;width:30px;height:30px;margin-top:30px;margin-right:30px}.forms{width:50%;margin:2em;font-family:'Open Sans', sans-serif;font-size:14px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;height:100%}.forms button{background-color:#26435A;border:none;font-family:'rift-soft', sans-serif;color:#fff;font-size:19px;width:100%}.forms .form-control{font-size:14px}.forms .form-control:focus{border-color:#26435A}.video-container{max-height:40em;min-height:40em;position:relative;overflow:hidden}video{height:auto;width:100vw;position:absolute}.hero-module{background-color:#26435A;background:linear-gradient(to bottom, rgba(38,67,90,0.8), #26435a);height:40em;width:100vw;z-index:1000;position:relative}.hero-module .hero-content{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-module .hero-content .logotype{background-image:url("./src/assets/img/logotype.png");background-size:100%;width:220px;height:40%;background-repeat:no-repeat;margin-top:2em}.hero-module .hero-content h1{text-align:center}.hero-module .hero-content h1 .smaller-text{font-size:32px}.module{margin-top:3em}.module .title{width:80%;margin-bottom:3em}.steps{text-align:center;margin-bottom:3em}.steps .col-md-4{padding-right:.3rem !important;padding-left:.3rem !important}.steps .col-md-4 .large{height:230px}.steps .col-md-4 .step{background-color:#F4F4F4;padding:1em}.steps .col-md-4 .step .hover:hover{background-color:#fff;cursor:pointer}.steps .col-md-4 .step .stepIcons{margin-bottom:.6em;height:50px}.about{background-color:#F4F4F4;padding-top:2em;margin-bottom:3em}.about .order-video{background-color:#26435A;text-align:center;padding-top:0.8em;padding-bottom:.4em;margin-top:1em}.about .order-video h5{font-size:18px}.about .order-video h5 a{color:white}.joakim{width:100%}.caseSlider{margin-top:6em;margin-bottom:3em}.col-md-2{padding-right:.2rem !important;padding-left:.2rem !important}.col-md-2 .case{background-color:#F4F4F4;height:150px;width:100%;display:flex;justify-content:center;align-items:center}.footer{background-color:#26435A;margin-top:6em}.footer .bothBadge{display:inline-block;margin-bottom:2em}.footer .bothBadge .badgeIcons{width:30%}.footer .bothBadge .apple{width:23% !important}.footer h5{margin-top:2em;color:#fff}.footer p{color:#fff}.footer p .small-text{font-size:12px}.footer .right-align{text-align:right}.profile{width:100% !important}.profile .page-link{list-style-type:none}.profile{margin-top:3em}.profile .margin-top{margin-top:1em}.profile button{background-color:#26435A;border:none;font-family:'rift-soft', sans-serif;color:#fff;font-size:19px;width:100%;margin-top:1em}.profile .forms-inlogged{font-family:'Open Sans', sans-serif;font-size:14px}.profile .forms-inlogged .form-control{margin-bottom:.5em}.profile .forms-inlogged .form-control:focus{border-color:#26435A}.profile .profile-image{width:250px;float:right;text-align:right}.profile .profile-image .image-block{width:100%;height:250px;background-image:url("https://www.idrottskoll.se/avatar/default.png");background-repeat:none;background-size:250px 250px}.profile .tennis-default{background-image:url("https://www.idrottskoll.se/Videos/img/default_tennis.png");background-repeat:none;background-size:100% 200px}.profile .squash-default{background-image:url("https://www.idrottskoll.se/Videos/img/default_squash.png");background-repeat:none;background-size:100% 200px}.profile .video-block{background-color:#F4F4F4;width:100%;height:200px;display:flex;justify-content:center;align-items:center}.profile .video-block .play{width:40px}.profile .video-description{margin-top:1em}