.icon {
    width: 25vw;
    height: 25vw;
}

@media (min-width:768px) {
    .icon {
        width: 10vw;
        height: 10vw;
    }
}

.logo {
    padding: 25px;
    width: 40vw;
    background-image: url('../../img/logo/ail3an_logo_light.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width:768px) {
    .logo {
        width: 20vw;
        background-image: url(../../img/logo/ail3an_logo_light.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
}
@media (min-width:1424px) {
    .logo {
        width: 282.33px;
        background-image: url(../../img/logo/ail3an_logo_light.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
}


.icon.small {
    width: 5vw;
    height: 5vw;
}

.icon.large {
    width: 25vw;
    height: 25vw;
}

@media (min-width:768px) {
    .icon.large {
        width: 20vw;
        height: 20vw;
    }
}

.icon p {
    position: relative;
    top: 12vw;
    left: -25%;
    width: 150%;
}

.icon-text {
    position: relative;
    top: 10px;
    font-size: 2.2em
}

.icon.box_width {
    width: 100%;
    height: 100%;
}

@media (max-width:1720px) {
    .logo.large {
        width: 30vw;
        height: 7vw;
    }
}
@media (min-width:1720px) {
    .logo.large {
        width: 20vw;
        height: 7vw;
    }
}
@media (min-width:2324px) {
    .logo.large {
        width: 20vw;
        position: relative;
        top: -1vw;
        height: 6vw;
    }
}
@media (max-width:992px) {
    .logo.large {
        width: 20vw;
        height: 7vw;
    }
}

.body-large {
    font-size: 1.5em;
}

.pageTitle {
    /* Main Header on Landing Page */
    display: -webkit-inline-box;
    position: relative;
    top: 35%;
    text-align: center;
    text-decoration: none;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
    letter-spacing: 1px;
    color: white;
    padding: 15px;
    border-color: white;
    border-style: solid;
    background-color: rgba(255, 255, 255, .3);
}

.speech-bubble {
    position: relative;
    padding: 5px;
    border-style: solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: -10px;
}

.speech-bubble:after {
    content: "";
    position: absolute;
    top: -15px;
    right: 5px;
    border-style: solid;
    border-width: 0 16px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
}

.partner {
    width: 100%;
}

@media(min-width:768px) {
    .pageTitle {
        /* Main Header on Landing Page */
        display: -webkit-inline-box;
        position: relative;
        top: 35%;
        text-align: center;
        text-decoration: none;
        font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 4.5em;
        letter-spacing: 1px;
        color: white;
        padding: 15px;
        border-color: white;
        border-style: solid;
        background-color: rgba(255, 255, 255, .3);
    }
}

.border {
    border-style: solid;
    border-color: white;
    border-radius: 50vw;
}

.bevel-border {
    border-style: solid;
    border-width: 5px;
    border-color: #464E5E;
    border-radius: 2vw;
}

.bevel-border.square {
    border-radius: 0;
}

.header-text {
    font-size: 3.5em;
    text-transform: uppercase;
}

.text-after {
    position: relative;
    top: 20px;
}

.social-box {
    margin-top: 10%;
    margin-bottom: 10%;
    width: 80%;
    height: 200px;
    position: relative;
    left: 10%;
    background-color: #E8EAEA;
}

.button {
    width: auto;
    height: auto;
    padding: 10px;
    background-color: #E05151;
    color: white !important;
    text-decoration: none !important;
    font-size: 1.4em;
}

.button:hover {
    background-color: #F96171;
    color: white !important;
    text-decoration: none !important;
    font-size: 1.4em;
    width: auto;
    height: auto;
    padding: 10px;
}

.code {
    background-image: url('../../icons/code.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.add_monitor {
    background-image: url('../../icons/add_monitor.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.alien {
    background-image: url('../../icons/alien.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.api {
    background-image: url('../../icons/api.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.arrow_down {
    background-image: url('../../icons/arrow_down.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.arrow_up {
    background-image: url('../../icons/arrow_up.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.arrow_left {
    background-image: url('../../icons/arrow_left.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.arrow_right {
    background-image: url('../../icons/arrow_right.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.api_box {
    background-image: url('../../icons/api_box.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.phone_24 {
    background-image: url('../../icons/24_phone.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.basketballer {
    background-image: url('../../icons/basketballer.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.batman {
    background-image: url('../../icons/batman.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.battery {
    background-image: url('../../icons/battery.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.box {
    background-image: url('../../icons/box.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.butterfly {
    background-image: url('../../icons/butterfly.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.camera_roll {
    background-image: url('../../icons/camera_roll.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.candy {
    background-image: url('../../icons/candy.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.canada {
    background-image: url('../../icons/canada.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.change_camera {
    background-image: url('../../icons/change_camera.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.chevron-down {
    background-image: url('../../icons/chevron-down.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.programming {
    background-image: url('../../icons/programming.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.smartphone {
    background-image: url('../../icons/smartphone.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.frankenstein {
    background-image: url('../../icons/frankenstein.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gui {
    background-image: url('../../icons/gui.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home_browser {
    background-image: url('../../icons/home_browser.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.notification_browser {
    background-image: url('../../icons/notification_browser.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.panda {
    background-image: url('../../icons/panda.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.program_computer {
    background-image: url('../../icons/program_computer.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.star {
    background-image: url('../../icons/star.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.star.white {
    background-image: url('../../icons/star_white.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.user_interface {
    background-image: url('../../icons/customer_experience.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.zoo {
    background-image: url('../../icons/zoo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}