body {
    background-color: white;
    color: #404040;
}
#wrapper-inner {
    position: relative;
}
h1 {
    color: white;
}

h2 {
    color: white;
}

#header {
    background-color: #4296fa;
}

.txt_main_uptitle {
    color: lightgray;
}

.tb_center {
    color: white;
    z-index: 2;
    position: relative;
}

.ct-fancy-icon > svg {

}

#fancy_icon {
    color: #5caafb;
    fill: #5caafb;
    width: 35%;
    height: 100%;
    z-index: 0;
    margin-top: -26%;
    margin-left: 50%;
}

#fancy_icon > svg {
    aspect-ratio: 1;
    transform: rotate(12deg);
}


#sawapp-shield-img {
    height : 40%;
}

.git-features {
     color: #404040;
}

.easypowerful {
     width: 1000px;
    max-width: 100%;
}

#item_icon_control { background-image: url("../images/icon_control_changes.svg"); }
#item_icon_access { background-image: url("../images/icon_file_access.svg"); }
#item_icon_track { background-image: url("../images/icon_access_files.svg"); }
#item_icon_ergo { background-image: url("../images/icon_ergonomy.svg"); }
#item_icon_powerful { background-image: url("../images/icon_simple_and_powerful.svg"); }
#item_img_simple { background-image: url("../images/img_simple_for_beginners.svg"); }
#item_img_powerful { background-image: url("../images/img_powerful_for_professionals.svg"); }

@media screen and (max-width: 600px) {
  .swap {
    flex-wrap: wrap-reverse;
  }
}

#footer {
    background-color: #253845;
}


/*
#footer-logo {
    background-image: url("../images/logo-robotea-footer-bigscreen-green.svg");
}
*/

.footer-icon {
    background-color: #2B4E59;
}

@media screen and (max-width:949px) {
/*
    #footer-logo {
        background-image: url("../images/logo-robotea-footer-smallscreen-green.svg");
    }*/
}



.title-gitgui {
    width: 100%;
    text-align: center;
}



#main_img_wrap {
    width: 1200px;
}

#main_img {
    padding-top: 75%;
    background-image: url("../images/img_main.svg");
}

.tb_full_justify {
    width: 100%;
    text-align: justify;
}

.tb_full_center {
    width: 100%;
    margin: auto;
    text-align: center;
}

.tb_center {
    width: 1050px;
    max-width: 100%;
    margin: 0px auto 0px;
    text-align: center;
}



.txt_main_title {
    font-family: 'Roboto Mono', sans-serif;
    font-size: 109px;
    font-weight: bold;
}
.txt_main_uptitle {
    font-family: 'Roboto Mono', sans-serif;
    font-size: 23px;
    font-weight: bold;
    opacity: 50%;
}

@media screen and (max-width: 800px) {

    .txt_main_title     {   font-size: 20vw;        }
    .txt_main_uptitle   {   font-size: 18px;        }

}

#page-footer-green-background {
    padding-top: 8%;
    background-color: #253845;
}

.menu .menufirst div {
     background-color: #2B4E59;
}

#support-left-top {
    background-image: url("../images/icon-free-green.svg");
}

#support-left-bottom {
    background-image: url("../images/icon-warranty-green.svg");
}
#support-right {
    background-image: url("../images/tech-support-green.svg");
}
#link_button-889-9 {
    background-color: #90ee90;
    border: 1px solid #90ee90;
    color: #282828;
    padding: 16px 25.6px
}

#link_button-889-9 {
    font-weight: 800;
    border-radius: 8px;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
    z-index: 3
}

#link_button-889-9:hover {
    background-color: #fffacd;
    border: 1px solid #fffacd;
    color: #282828;
    padding: 16px 25.6px
}

@media (max-width: 767px) {
    #link_button-889-9 {
    }

    #link_button-889-9 {
        width: 100%;
        display: none
    }
}

ct-link-button {
    display: inline-block;
    text-align: center;
    text-decoration: none
}

.ct-link-button {
    background-color: #1e73be;
    border: 1px solid #1e73be;
    color: #fff;
    padding: 10px 16px;
    margin: 0px auto;
}

.ct-link-button {
    border-radius: 3px
}
.sawapp-btn-align {
    text-align: center;
    width: 100%;
}