.main {
    width: 70%;
}

.round-label {
    background-color: #cc5247;
    opacity: 0.9;
    transition: opacity 0.3s;
}

.round-label i.fa:before {
    padding: 12px 12px 14px 18px;
}

.round-label:hover {
    opacity: 1;
}

.full-wide h1 {
    font-size: 36px;
}

.full-wide p, .full-wide a {
    font-size: 20px;
}

.w3-teal {
    background-color: #cc5247 !important;
}

button {
    transition: all 1.0s ease-in-out;
}

.img-break {
    padding-right: 0;
}

.arrow {
    margin-top: 5%;
    position: absolute;
    padding: 5%;
    opacity: 0.5;
    transition: opacity 0.2s ease-in;
}

.arrow i {
    font-size: 90px;
    color: white;
    text-shadow: 0 2px 1px rgba(100, 100, 100, 1);
}

#arrow-left {
    left: 0;
}

#arrow-right {
    right: 0;
}

#arrow-left:hover {
    opacity: 1;
}

#arrow-right:hover {
    opacity: 1;
}

.contact-link:hover {
    text-shadow: -1px -1px 0 #26282e, 0 -1px 0 #26282e, 1px -1px 0 #26282e, 1px 0 0 #26282e, 1px 1px 0 #26282e, 0 1px 0 #26282e, -1px 1px 0 #26282e, -1px 0 0 #26282e;
}

.emblem {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 8%;
    height: auto;
    box-sizing: content-box;
    transition: 1.0s width;
    padding: 20px;
}

.emblem:hover {
    width: 13%;
}

@media screen and (max-width: 768px) {
    .emblem {
        width: 18%;
    }

    .emblem:hover {
        width: 24%;
    }
}

@media screen and (min-width: 769px) {
    .arrow {
        margin-top: 10%;
    }
}

@media screen and (min-width: 1001px) {
    .arrow {
        margin-top: 13%;
    }
}