header {
    height: 85vh;
}

.italic {
    font-style: italic;
}

.violet .bg-wrap {
    background-color: #B500D0;
}

.content-box {
    font-family: 'Montserrat' !important;
}

.violet {
    color: white;
    font-family: 'Montserrat' !important;
    font-size: 16px;
    line-height: 1.5;
}

.content-box svg, svg.svg-secondary {
    fill: rgb(0, 255, 212) !important;
}

.title-style-1 {
    color: rgb(181, 0, 208) !important;
    font-family: 'Montserrat';
}

.title-style-2 {
    color: rgb(255, 0, 71) !important;
    font-family: 'Montserrat';
}

a:hover {
    color: rgb(0, 216, 180) !important;
}

a:hover, .svg-icon:hover svg {
    color: rgb(0, 216, 180) !important;
    fill: rgb(0, 216, 180) !important;
}

.footer-arrow svg {
    transform: rotate(180deg);
}

svg {
    transition: all 0.2s ease-in-out;
}

#footer-text-img .bg {
    background-image: url('../images/footer-03.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
}

#header-text-3 .bg {
    background-image: url('../images/main.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
}

#sep-center-1 .bg-wrap {
    background-color: rgba(255, 255, 255, 0);
}

#team-4col .bg-wrap {
    background-color: #F4F5F6;
}

@media (max-width:320px) {
    /* smartphones, iPhone, portrait 480x320 phones */
}

@media (max-width:481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (max-width:641px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .arrow-block svg {
        width: 40px;
        height: 40px;
    }
    .padding-x2 {
        padding: 20px !important
    }
    #header-text-3 .bg {
        background-image: url('../images/main_mobile.jpg');
    }
    .dark .light, .light, .dark .light, .light {
        font-size: 14px;
    }
}

@media (max-width:961px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (max-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
}

@media (max-width:1281px) {
    /* hi-res laptops and desktops */
}