* {
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.robodesc {
    height: 200px;
    width: 100%;
    background-color: #ff8a2b9d;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    margin-bottom: 0.4%;
}

h1 {
    font-size: 50px;
    width: 100%;
    text-align: center;
}

h3 {
    padding-top: 2%;
}

.contents {
    padding-top: 11vh;
}

.container {
    width: 100%;
    position: relative;
    height: 600px;
    background-color: white;
}

.rcontent_ {
    position: relative;
    width: 100%;
    background-color: white;
}

.r1,
.r2,
.r3,
.r4,
.r5,
.r6 {
    display: table;
    float: left;
    width: 50%;
    height: 400px;
}

.description {
    width: 100%;
    font-size: 1.2em;
    padding-bottom: 2%;
}

.rcontent {
    margin: 0.8%;
    background-color: rgba(165, 165, 165, 0.13);
    text-align: center;
}

.rcontent:hover {
    background-color: rgba(216, 216, 216, 0.089);
}

.imgr {
    height: 300px;
    width: auto;
}

a {
    text-decoration: none;
    color: #333;
}

@media screen and (max-width:1024px) {
    .r1,
    .r2,
    .r3,
    .r4,
    .r5,
    .r6 {
        width: 100%;
    }
    .container {
        height: 900px;
    }
}