/*basis*/
section.basis {
    padding-top: 20px;
    margin-bottom: 40px;
}
section.basis h2 {
    text-align: center;
    font-weight:700;
    margin-bottom: 20px;
}
.basis.button {
    background-color: #45ADA8;
}
.basis.button:hover {
    background-color: #547980;
}
/*interactive*/
section.interactive {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #dbd9ce;
}
section.interactive h2 {
    text-align: center;
    font-weight:300;
    margin-bottom: 20px;
}
section.interactive h2 .cool {
    font-weight:700;
}
.interactive.button {
    background-color: #ad4579;
}
.interactive.button:hover {
    background-color: #7e3358;
}
/*video*/
section.video {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #EFEDDF;
}
section.video h2 {
    text-align: center;
    font-weight:300;
    margin-bottom: 20px;
}
section.video h2 .cool {
    font-weight:700;
}
.video.button {
    background-color: #45ad61;
}
.video.button:hover {
    background-color: #2d6f3f;
}
/*advanced*/
section.advanced {
    padding-top: 20px;
    background-color: #dbd9ce;
}
section.advanced h2 {
    text-align: center;
    font-weight:300;
    margin-bottom: 20px;
}
section.advanced h2 .cool {
    font-weight:700;
    }
.button.tutav1 {
    font-size: 0.85rem;
    background-color: #c0392b;
}
.button.tutav1:hover {
    background-color: #902a1f;
}
.button.tutav2 {
    font-size: 0.85rem;
    background-color: #2980b9;
}
.button.tutav2:hover {
    background-color: #1c5880;
}
.button.tutn {
    width:100%
}
.button.t1 {
    background-color: #27ae60;
}
.button.t1:hover {
    background-color: #1e8047;
}
.button.t2 {
    background-color: #16a085;
}
.button.t2:hover {
    background-color: #0f6756;
}
.button.t4 {
    background-color: #8e44ad;
}
.button.t4:hover {
    background-color: #65327b;
}