@media screen and  ( max-width : 767px) {
    .slogan {
        font-size: 1.1em;
        padding: 0 1.2em 1em 1.2em;
        text-align: center;
        color: rgb(150,150,150);
        font-weight: bold;
    }
    .car-specializing{
        font-size:1.1em;
        text-align: center;
        color: rgb(125,125,125);
        padding-top: 10px;
    }

    .header-specializing{
        font-size: 1.1em;
        padding: 1em 1.2em 1em 1.2em;
        text-align: center;
        color: rgb(80,80,80);
        font-weight: bold;
    }

    .header-kit-types{
        font-size: 1.1em;
        padding: 1em 1.2em 1em 1.2em;
        text-align: center;
        color: rgb(80,80,80);
        font-weight: bold;
    }

    .car-for-us{
        padding-top: 1em;
        padding-right: 1.5em;
        padding-left: 1.5em;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 1.5em;
    }

    .the-studio{
        padding-top: 1em;
        padding-right: 1.5em;
        padding-left: 1.5em;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 1em;
        color: rgb(150,150,150);
    }

    .btn-pro{
        text-align: left;
    }

    .img-logo{
        padding-top: 10px;
    }

    .img-logo-container{
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and  ( min-width : 768px) {
    .slogan {
        text-align: center;
        font-size: 1.6em;
        color: rgb(150,150,150);
        padding: 0 2em 1em 2em;
        font-weight: bold;
    }
    .car-specializing{
        font-size:1.1em;
        text-align: center;
        color: rgb(125,125,125);
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .header-specializing{
        text-align: center;
        font-size: 1.6em;
        color: rgb(80,80,80);
        padding: 1em 2em 1em 2em;
        font-weight: bold;
    }

    .header-kit-types{
        text-align: center;
        font-size: 1.6em;
        color: rgb(80,80,80);
        padding: 1em 2em 1em 2em;
        font-weight: bold;
    }

    .car-for-us{
        padding-top: 2em;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 2em;
    }

    .the-studio{
        padding-top: 1em;
        padding-right: 1.5em;
        padding-left: 1.5em;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 1.5em;
        color: rgb(150,150,150);
    }

    .btn-pro{
        text-align: center;
    }

    .img-logo{
        padding-top: 10px;

    }

    .img-logo-container{
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
    }
}


body {
    font-family: Roboto, sans-serif;
    background-color:  rgb(255, 255, 255);
}

.icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    stroke-width: 0;
    stroke: white;
    fill: white;
    margin: -.4em 0px -.4em 0px;

}

.icon-video {
    display: inline-block;
    width: 2.3em;
    height: 2.3em;
    stroke-width: 0;
    stroke: white;
    fill: white;
    margin: -.8em -5px -.8em -5px;
}

.clearfix-with-padding{
    padding-top: 10px;
}

.sponsorship-explain{
    padding-top: 1em;
    padding-right: 1.5em;
    padding-left: 1.5em;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 1.5em;
    color: rgb(150,150,150);
}
.row-main-buttons{
    padding: 5px;
    text-align: left;
    margin-top: 10px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.kit-list-item{
    border-width: 0;
    text-align: center;
}
.kit-list{
    max-width: 300px; margin-left: auto; margin-right: auto;
}