 * {
     font-family: Raleway, sans-serif;
 }

 .nav-link {
     color: rgb(0, 0, 255) !important;
     font-weight: 600 !important;
     /* padding-right: 30px !important; */
     font-size: 16px !important;
 }
 
 .nav-link:hover {
     text-decoration: underline;
 }
 
 #logoContainer {
     width: 259px;
 }
 
 #logo {
     width: 277px;
     filter: blur(0px);
 }
 .dynamicColorNav .navbar{
background-color: none !important;
 } 
     .navbar {
         background-color: white !important;
         
     } 
 
 .dropdown-item {
     color: rgb(0, 0, 255) !important;
 }
 
 .dropdown-item:hover {
     text-decoration: underline;
     background-color: white;
 }
 
 #welcomeDiv {
     padding-top: 170px;
     text-align: center;
 }
 
 #stoparWelcomeDiv {
     color: white;
     padding-top: 170px;
     text-align: center;
 }
 
 #crcStartCont {
     background-image: url(/assets/img/fullsize/CRC_start\.jpeg);
     opacity: 0.86;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.83) 1%, rgba(255, 255, 255, 0) 16%), url(/assets/img/fullsize/CRC_start\.jpeg) center / cover;
     max-height: 800px;
     height: 770px;
     min-height: 600px;
     margin-bottom: 40px;
 }
 
 #stoparStartCont {
     /* opacity: 0.86; */
     background: black;
     
     max-height: 900px;
     min-height: 600px;
     margin-bottom: 40px;
 }
 @media(max-width: 545px) {
    #stoparStartCont {  min-height: 800px;}
 }
 #welcomeTextCol {
     max-width: 91%;
     height: 127px;
     min-height: 76px;
     max-height: 237px;
 }
 
 #welcomeText {
     text-align: center;
     margin: 7px;
     height: 81px;
     min-width: 147px;
     color: rgb(255, 255, 255);
     font-weight: bold;
     font-size: 19px;
     text-shadow: 3px 3px 11px #122164;
 }
 
 .btn-primary {
     background-color: rgb(0, 0, 255) !important;
     border-color: rgb(0, 0, 255) !important;
     font-size: 13px;
     border-radius: 1000px !important;
 }
 
 .btn-primary:hover {
     background-color: rgb(29, 0, 200) !important;
     text-decoration: underline;
 }
 
 @media(min-width: 1000px) {
     #newsCont {
         text-align: center;
         padding-top: 5px;
         padding-bottom: 40px;
         margin-left: 20%;
         max-width: 60%;
     }
 }
 
 @media(max-width: 999px) {
     .card-deck {
         padding-left: 5%;
         padding-right: 5%;
         padding-bottom: 40px;
         /* margin-left: 10%; */
     }
 }
 
 #newsCont {
     text-align: center;
 }
 
 @media(min-width: 1000px) {
     #carouselCont {
         text-align: center;
         padding-top: 40px;
         padding-bottom: 40px;
         margin-left: 20%;
         max-width: 60%;
     }
 }
 @media(min-width: 1000px) {
    #carouselCont2 {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-left: 12%;
        max-width: 30%;
    }
}
 #darkBackground {
     background: black;
 }
 
 .darkBackground {
     background: black;
 }
 
 .card-img-top {
     max-height: 250px;
     border-top-left-radius: 40px;
     border-top-right-radius: 40px;
 }
 @media (max-width:630px){
 .card-horizontal .rounded-circle{
    display: none;
 }
}
 #novinkyLogo {
     max-height: 250px;
     max-width: 250px;
 }
 
 
 .card-body {
     box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.1);
     border-top: 0;
     border-bottom-left-radius: 40px;
     border-bottom-right-radius: 40px;
 }
 
 .col-sm-6 .card .card-body {
     border-radius: 40px;
 }
 
 .card {
     margin: 20px 10px;
     border-radius: 40px;
 }
 
 hr {
     border-color: rgb(27, 7, 160) !important;
 }
 
 #portfolio {
     padding: 14px 0px;
     background: rgb(40, 37, 37);
     padding-bottom: 50px;
     z-index: -100;
 }
 
 #ProjectsH {
     color: white;
     padding-top: 20px;
 }
 
 #projectsGrid {
     padding-top: 0px;
     background: rgb(40, 37, 37);
     padding-bottom: 50px;
 }
 
 .projectInfo {
     font-style: italic;
     font-size: 16x;
     text-align: center;
     padding-bottom: 10px;
     color: white;
 }
 
 .projectsSubH {
     color: rgb(255, 255, 255);
     padding-top: 20px;
 }
 
 #cansatBox {
     background: url(&quot;https://cdn.bootstrapstudio.io/placeholders/1400x800.png&quot;) center;
 }
 
 .portfolio-box-caption.teams {
     background: rgba(51, 0, 255, 0.2) !important;
 }
 
 .portfolio-box-caption {
     background: rgba(99, 64, 240, 0.2) !important;
 }
 
 .projectTitles {
     font-family: Roboto, sans-serif;
     color: rgb(255, 255, 255);
 }
 
 .project-name {
     font-weight: bold;
 }
 
 #solidsBox {
     background: url(&quot;https://cdn.bootstrapstudio.io/placeholders/1400x800.png&quot;);
 }
 
 #controlBox {
     background: url(&quot;https://cdn.bootstrapstudio.io/placeholders/1400x800.png&quot;);
 }
 
 #crcBox {
     background: url(&quot;https://cdn.bootstrapstudio.io/placeholders/1400x800.png&quot;);
 }
 
 #contactText {
     font-size: 18px;
     text-align: center;
 }
 
 .contactH {
     font-size: 19px;
 }
 
 .mailStyle {
     border-color: rgb(0, 0, 255);
     color: rgb(0, 0, 255);
     font-family: Roboto, sans-serif;
     font-size: 19px;
 }
 
 .orange {
     color: #F3B600;
 }
 
 a {
     color: #F3B600;
 }
 
 a:hover {
     color: #F3B600;
 }
 
 .partnerRow {
     padding-bottom: 30px;
 }
 @media (max-width:760px) {
 .partnerCol {
     padding-bottom: 30px;
 }
}
 #partnerH {
     font-size: 19px;
     color: #F3B600;
 }
 
 .footer-dark {
     padding: 30px 0;
     color: #f0f9ff;
     /* background-color: rgb(40, 37, 37); */
     background: black;
 }
 
 #footerList {
     list-style: none;
 }
 
 #footerCentre {
     text-align: center;
 }
 
 .footer-dark h3 {
     margin-top: 0;
     margin-bottom: 12px;
     font-weight: bold;
     font-size: 17px;
 }
 
 .footer-dark ul {
     padding: 0;
     list-style: none;
     line-height: 1.6;
     font-size: 16px;
     margin-bottom: 0;
 }
 
 .footer-dark ul a {
     color: inherit;
     text-decoration: none;
     opacity: 0.6;
 }
 
 .footer-dark ul a:hover {
     opacity: 0.8;
     text-decoration: underline;
 }
 
 @media (max-width:767px) {
     .footer-dark .item:not(.social) {
         text-align: center;
         padding-bottom: 20px;
     }
 }
 
 .footer-dark .item.text {
     margin-bottom: 36px;
 }
 
 @media (max-width:767px) {
     .footer-dark .item.text {
         margin-bottom: 0;
     }
 }
 
 .footer-dark .item.text p {
     opacity: 0.6;
     margin-bottom: 0;
 }
 
 .footer-dark .item.social {
     text-align: center;
 }
 
 @media (max-width:991px) {
     .footer-dark .item.social {
         text-align: center;
         margin-top: 20px;
     }
 }
 
 .footer-dark .item.social>a {
     font-size: 20px;
     width: 36px;
     height: 36px;
     line-height: 36px;
     display: inline-block;
	 border-radius: 50%;
     text-align: center;
     box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
     margin: 0 8px;
     color: #fff;
     opacity: 0.75;
 }
 
 .footer-dark .item.social>a:hover {
     opacity: 0.9;
 }
 
 .footer-dark .copyright {
     text-align: center;
     padding-top: 10px;
     height: 42px;
     opacity: 0.3;
     font-size: 15px;
     margin-bottom: 0;
 }
 
 .social-icons {
     color: #313437;
     background-color: #fff;
     text-align: center;
     padding: 10px 0;
 }
 
 @media (max-width:767px) {
     .social-icons {
         padding-top: 10px;
         padding-bottom: 10px;
     }
 }
 
 .social-icons i {
     font-size: 32px;
     display: inline-block;
     color: #757980;
     margin: 0 10px;
     width: 60px;
     height: 60px;
     border: 1px solid #c8ced7;
     text-align: center;
     border-radius: 50%;
     line-height: 60px;
 }
 
 #donate-button {
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 #partnerCont {
     background-color: rgb(20, 20, 20);
     padding-top: 100px;
     padding-bottom: 50px;
 }
 
 .yellowBack.active {
     background: #F3B600 !important;
 }
 
 #pills-tab {
     padding-left: 20%;
     padding-right: 20%;
 }
 
 .d-block {
     max-width: 100%;
     max-height: 100%;
     border-radius: 40px;
 }
 
 .circleLogo {
     width: 130px;
     margin-bottom: 16px;
     margin-top: 16px;
 }
 
 #bottomP {
     padding-top: 20px;
 }
 
 .carouselBox {
     height: 500px;
 }
 
 #logoCont {
     padding-bottom: 20px;
 }
 
 .fitImage {
     object-fit: contain;
 }
 
 #twitterCont {
     padding-top: 50px;
 }
 
 #pills-tabContent {
     padding-bottom: 30px;
 }
 
 #cojecansat {
     padding-top: 25px;
 }
 
 .projektyText {
     font-size: 1.2em;
 }
 
 #sherpa {
     padding-top: 40px;
 }
 
 #oNasCont {
     background: black;
     height: 400x;
     max-height: 800px;
     min-height: 400px;
     margin-bottom: 40px;
 }
 
 #storyCont {
     padding-top: 40px;
     padding-bottom: 40px;
 }
 
 #storyRow {
     padding-top: 20px;
     padding-bottom: 40px;
     padding-left: 20%;
 }
 
 #storyCol {
     padding-bottom: 20px;
 }
 
 #storyColBottom {
     margin-right: -80px;
 }
 
 @media (min-width:1000px) {
     #storyCont {
         padding-left: 100px;
         padding-right: 100px;
     }
 }
 
 .card-horizontal {
     display: flex;
     flex: 1 1 auto;
 }
 
 .team-clean h2 {
     color: white !important;
 }
 
 #radaCont {
     margin-top: 40px;
     background: black;
 }
 
 #blackH {
     color: black !important;
 }
 
 .zigzagRow {
     padding-bottom: 20px;
 }
 
 .features-boxed {
     background: white !important;
 }
 
 .box {
     background: black !important;
     min-height: 350px;
     border-radius: 50px;
 }
 
 #marginH {
     margin-bottom: 15px;
 }
 
 .zzImage {
     margin-top: 20px;
     max-height: 500px;
 }
 
 .blockP {
     text-align: justify;
     margin-top: 15px;
 }
 
 #advaCont {
     padding-top: 100px;
     padding-bottom: 20px;
 }
 
 #partnerLogo {
     padding-bottom: 20px;
     border-radius: 0px;
 }
 
 #naborCont {
     padding-top: 40px;
 }
 
 .img-fluid {
     border-radius: 0px;
 }
 
 #ignoreRadius {
     border-radius: 0px;
 }
 
 #malcomCont {
     padding-top: 40px;
     padding-bottom: 30px;
 }
 /* TIMELINE */
 
 h4 {
     text-align: center;
     margin: 30px 0;
     color: #444
 }
 
 .main-timeline {
     position: relative
 }
 
 .main-timeline:before {
     content: "";
     width: 5px;
     height: 100%;
     border-radius: 20px;
     margin: 0 auto;
     background: #242922;
     position: absolute;
     top: 0;
     left: 0;
     right: 0
 }
 
 .main-timeline .timeline {
     display: inline-block;
     margin-bottom: 50px;
     position: relative
 }
 
 .main-timeline .timeline:before {
     content: "";
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 4px solid #fff;
     background: #ec496e;
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 1;
     transform: translate(-50%, -50%)
 }
 
 .main-timeline .timeline-icon {
     display: inline-block;
     width: 130px;
     height: 130px;
     border-radius: 50%;
     border: 3px solid #ec496e;
     padding: 13px;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 30%;
     transform: translateY(-50%)
 }
 
 .main-timeline .timeline-icon i {
     display: block;
     border-radius: 50%;
     background: #ec496e;
     font-size: 64px;
     color: #fff;
     line-height: 100px;
     z-index: 1;
     position: relative
 }
 
 .main-timeline .timeline-icon:after,
 .main-timeline .timeline-icon:before {
     content: "";
     width: 100px;
     height: 4px;
     background: #ec496e;
     position: absolute;
     top: 50%;
     right: -100px;
     transform: translateY(-50%)
 }
 
 .main-timeline .timeline-icon:after {
     width: 70px;
     height: 50px;
     background: #fff;
     top: 89px;
     right: -30px
 }
 
 .main-timeline .timeline-content {
     width: 50%;
     padding: 0 50px;
     margin: 52px 0 0;
     float: right;
     position: relative
 }
 
 .main-timeline .timeline-content:before {
     content: "";
     width: 70%;
     height: 100%;
     border: 3px solid #ec496e;
     border-top: none;
     border-right: none;
     position: absolute;
     bottom: -13px;
     left: 35px
 }
 
 .main-timeline .timeline-content:after {
     content: "";
     width: 37px;
     height: 3px;
     background: #ec496e;
     position: absolute;
     top: 13px;
     left: 0
 }
 
 .main-timeline .title {
     font-size: 20px;
     font-weight: 600;
     color: #ec496e;
     text-transform: uppercase;
     margin: 0 0 5px
 }
 
 .main-timeline .description {
     display: inline-block;
     font-size: 16px;
     color: #404040;
     line-height: 20px;
     letter-spacing: 1px;
     margin: 0
 }
 
 .main-timeline .timeline:nth-child(even) .timeline-icon {
     left: auto;
     right: 30%
 }
 
 .main-timeline .timeline:nth-child(even) .timeline-icon:before {
     right: auto;
     left: -100px
 }
 
 .main-timeline .timeline:nth-child(even) .timeline-icon:after {
     right: auto;
     left: -30px
 }
 
 .main-timeline .timeline:nth-child(even) .timeline-content {
     float: left
 }
 
 .main-timeline .timeline:nth-child(even) .timeline-content:before {
     left: auto;
     right: 35px;
     transform: rotateY(180deg)
 }
 
 .main-timeline .timeline:nth-child(even) .timeline-content:after {
     left: auto;
     right: 0
 }
 
 .main-timeline .timeline:nth-child(2n) .timeline-content:after,
 .main-timeline .timeline:nth-child(2n) .timeline-icon i,
 .main-timeline .timeline:nth-child(2n) .timeline-icon:before,
 .main-timeline .timeline:nth-child(2n):before {
     background: #f9850f
 }
 
 .main-timeline .timeline:nth-child(2n) .timeline-icon {
     border-color: #f9850f
 }
 
 .main-timeline .timeline:nth-child(2n) .title {
     color: #f9850f
 }
 
 .main-timeline .timeline:nth-child(2n) .timeline-content:before {
     border-left-color: #f9850f;
     border-bottom-color: #f9850f
 }
 
 .main-timeline .timeline:nth-child(3n) .timeline-content:after,
 .main-timeline .timeline:nth-child(3n) .timeline-icon i,
 .main-timeline .timeline:nth-child(3n) .timeline-icon:before,
 .main-timeline .timeline:nth-child(3n):before {
     background: #8fb800
 }
 
 .main-timeline .timeline:nth-child(3n) .timeline-icon {
     border-color: #8fb800
 }
 
 .main-timeline .timeline:nth-child(3n) .title {
     color: #8fb800
 }
 
 .main-timeline .timeline:nth-child(3n) .timeline-content:before {
     border-left-color: #8fb800;
     border-bottom-color: #8fb800
 }
 
 .main-timeline .timeline:nth-child(4n) .timeline-content:after,
 .main-timeline .timeline:nth-child(4n) .timeline-icon i,
 .main-timeline .timeline:nth-child(4n) .timeline-icon:before,
 .main-timeline .timeline:nth-child(4n):before {
     background: #2fcea5
 }
 
 .main-timeline .timeline:nth-child(4n) .timeline-icon {
     border-color: #2fcea5
 }
 
 .main-timeline .timeline:nth-child(4n) .title {
     color: #2fcea5
 }
 
 .main-timeline .timeline:nth-child(4n) .timeline-content:before {
     border-left-color: #2fcea5;
     border-bottom-color: #2fcea5
 }

/* Live styles */
.live {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

#live-main-feed {
    width: 60%;
    margin: 0px;
    padding: 0px;

    >h2 {
        text-align: center;
        margin-top: 0.5rem;
    }
}

#live-other-feeds {
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 80%;
    overflow: hidden;
    margin-bottom: 1rem;

    >.live-between-container {
        flex-direction: column;
        display: flex;
        text-align: center;
        width: 30%;
        align-items: center;

        >h2 {
            font-size: 1rem;
        }
    }


}

.live-feed-switch-button {
    text-align: center;
    width: 40%;
    height: 30px;
    border-radius: 40px;
    background-color: #1D01C8;
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
    border: none;
    margin-top: 1rem;
    cursor: pointer;
}

.live-iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.live-countdown{
    background-color: #FD0809 !important;
    margin-top: 1rem;
}

/* Then style the iframe to fit in the container div with full height and width */
.live-iframe-responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#live-other-info{
    padding-top: 2rem;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    > .test-text{
        font-size: 3rem;
        background-color: #FD0809;
    }
}
.dashboard-button{
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: flex;
}
/* 
.focus-mode-button{
    pad: ;
   display: flex;
   position: fixed;
   background-color: #1D01C8;
   color: white;
   right: 10px;
   bottom: 10px;
   padding: 5px;
   border-radius: 20px;
   gap: 10px;
   >button{
       background: none;
       color: inherit;
       border: none;
       padding: 0;
       font: inherit;
       cursor: pointer;
       outline: inherit;
       padding-left: 10px;
   }
   >.info{
       background-color: white;
       padding: 0.25rem;
       border-radius: 50%;
       width: 2rem;
       height: 2rem;
       color: black;
   }
}
.focus-switch{
   display: none !important;
}
.focus-button-switched{
   background-color: #F70F0F !important;
}
 */

/* Start info styles*/
.start-info{
    >.info-boxes{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        >a{
            text-decoration: none;
            color: #212529;
        }
        >.card , >a>.card{
            text-decoration: none !important;
            padding: 1rem !important;
            display: flex;
            flex-direction: column;
            >h3{
                font-size: 1.5rem;
            }
            >.info{
                display: flex;
                flex-direction: row;
                >div{
                    img{
                        padding-right: 1rem;
                    }
                    p{
                        margin: 0;
                        text-decoration: dotted;

                    }
                }
            }
        }
    }
}
.dashboard-return{
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    background-color: black;
    padding: 0.5rem;
    border: 1px solid white;
    color: white;
    text-decoration: none;
    transition-duration: .25s;
    opacity: 0.25;
}
.dashboard-return:hover{

    opacity: 1;
}
 
 @media only screen and (max-width:1200px) {
     .main-timeline .timeline-icon:before {
         width: 50px;
         right: -50px
     }
     .main-timeline .timeline:nth-child(even) .timeline-icon:before {
         right: auto;
         left: -50px
     }
     .main-timeline .timeline-content {
         margin-top: 75px
     }
     #live-main-feed{
        width: 100%;
     }
     #live-other-feeds{
        width: 100%;
        >.live-between-container{
            width: 100%;

        }
    }
 
 @media only screen and (max-width:990px) {
     .main-timeline .timeline {
         margin: 0 0 10px
     }
     .main-timeline .timeline-icon {
         left: 25%
     }
     .main-timeline .timeline:nth-child(even) .timeline-icon {
         right: 25%
     }
     .main-timeline .timeline-content {
         margin-top: 115px
     }
     #live-other-feeds{
        flex-direction: column;
     }
 }
 
 @media only screen and (max-width:767px) {
     .main-timeline {
         padding-top: 50px
     }
     .main-timeline:before {
         left: 80px;
         right: 0;
         margin: 0
     }
     .main-timeline .timeline {
         margin-bottom: 70px
     }
     .main-timeline .timeline:before {
         top: 0;
         left: 83px;
         right: 0;
         margin: 0
     }
     .main-timeline .timeline-icon {
         width: 60px;
         height: 60px;
         line-height: 40px;
         padding: 5px;
         top: 0;
         left: 0
     }
     .main-timeline .timeline:nth-child(even) .timeline-icon {
         left: 0;
         right: auto
     }
     .main-timeline .timeline-icon:before,
     .main-timeline .timeline:nth-child(even) .timeline-icon:before {
         width: 25px;
         left: auto;
         right: -25px
     }
     .main-timeline .timeline-icon:after,
     .main-timeline .timeline:nth-child(even) .timeline-icon:after {
         width: 25px;
         height: 30px;
         top: 44px;
         left: auto;
         right: -5px
     }
     .main-timeline .timeline-icon i {
         font-size: 30px;
         line-height: 45px
     }
     .main-timeline .timeline-content,
     .main-timeline .timeline:nth-child(even) .timeline-content {
         width: 100%;
         margin-top: -15px;
         padding-left: 130px;
         padding-right: 5px
     }
     .main-timeline .timeline:nth-child(even) .timeline-content {
         float: right
     }
     .main-timeline .timeline-content:before,
     .main-timeline .timeline:nth-child(even) .timeline-content:before {
         width: 50%;
         left: 120px
     }
     .main-timeline .timeline:nth-child(even) .timeline-content:before {
         right: auto;
         transform: rotateY(0)
     }
     .main-timeline .timeline-content:after,
     .main-timeline .timeline:nth-child(even) .timeline-content:after {
         left: 85px
     }
 }
 
 @media only screen and (max-width:479px) {
     .main-timeline .timeline-content,
     .main-timeline .timeline:nth-child(2n) .timeline-content {
         padding-left: 110px
     }
     .main-timeline .timeline-content:before,
     .main-timeline .timeline:nth-child(2n) .timeline-content:before {
         left: 99px
     }
     .main-timeline .timeline-content:after,
     .main-timeline .timeline:nth-child(2n) .timeline-content:after {
         left: 65px
     }
 }
 
 .customCaroControls .carousel-control-prev,
 .customCaroControls .carousel-control-next {
     margin-top: 40px;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     top: 75%;
     background-color: black;
 }
 
 .customCaroControls .carousel-control-prev {
     left: 40%;
 }
 
 .customCaroControls .carousel-control-next {
     right: 40%;
 }
 @media (max-width:550px){
    .customCaroControls .carousel-control-prev {
        top: 80%;
        left: 30%;
    }
    
    .customCaroControls .carousel-control-next {
        top: 80%;
        right: 30%;
    }
 }
 .rounded-circle {
     max-height: 150px;
     margin: 20px;
 }
 
 #hideBorder {
     border: none;
 }
 
 #carouselCardBody {
     margin: 20px;
     border-radius: 40px;
     box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.2);
 }
 .col-2 .fa{
     font-size: 1.4em;
 }
 .white{
     color: white;
 }
#teamMetricSection{
    padding-top: 20px;
    margin-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#stoparVideo{
    margin-top: 40px;
    border-radius: 40px;
}
#facebookPost{
    padding-top: 10px;
}

.footer-dark .img-fluid{
    border-radius: 0px;
}
.font-weight-bold{
    margin-top: 0px;
}