/*MOBILE*/
@media screen and (max-width: 767px) {
    .programsDesktop{
        display: none;
    }
    footer {
        background-color: #F7941D ;

    }

    .rounded-social-buttons {
        text-align: center;
    }

    .rounded-social-buttons .social-button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 3.125rem;
        height: 3.125rem;
        border: 0.125rem solid transparent;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #fefefe;
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 2em;
        border-radius: 1.6875rem;
        transition: all 0.5s ease;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
        font-size: 25px;
    }

    .rounded-social-buttons .social-button.facebook {
        background: #3b5998;
    }

    .rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
        color: #3b5998;
        background: #fefefe;
        border-color: #3b5998;
    }

    .rounded-social-buttons .social-button.twitter {
        background: #55acee;
    }

    .rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
        color: #55acee;
        background: #fefefe;
        border-color: #55acee;
    }

    .rounded-social-buttons .social-button.linkedin {
        background: #007bb5;
    }

    .rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
        color: #007bb5;
        background: #fefefe;
        border-color: #007bb5;
    }

    .rounded-social-buttons .social-button.youtube {
        background: #bb0000;
    }

    .rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
        color: #bb0000;
        background: #fefefe;
        border-color: #bb0000;
    }

    .rounded-social-buttons .social-button.instagram {
        background: #125688;
    }

    .rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
        color: #125688;
        background: #fefefe;
        border-color: #125688;
    }


    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }

    #column1 {
        background: border-box url('/images/tier3-images/phomne1.png');
        background-size: cover;
        height: 70vh;
    }


    .column {
        float: left;
        width: 50%;
        padding: 10px;
        height: 300px;
    }


}

/*DESKTOP*/
@media screen and (min-width: 767px) {
    .programsMobile{
        display: none;
    }
    footer {
        background-color: #F7941D ;

    }

    .rounded-social-buttons {
        text-align: center;
    }

    .rounded-social-buttons .social-button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 3.125rem;
        height: 3.125rem;
        border: 0.125rem solid transparent;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #fefefe;
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 2em;
        border-radius: 1.6875rem;
        transition: all 0.5s ease;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
        font-size: 25px;
    }

    .rounded-social-buttons .social-button.facebook {
        background: #3b5998;
    }

    .rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
        color: #3b5998;
        background: #fefefe;
        border-color: #3b5998;
    }

    .rounded-social-buttons .social-button.twitter {
        background: #55acee;
    }

    .rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
        color: #55acee;
        background: #fefefe;
        border-color: #55acee;
    }

    .rounded-social-buttons .social-button.linkedin {
        background: #007bb5;
    }

    .rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
        color: #007bb5;
        background: #fefefe;
        border-color: #007bb5;
    }

    .rounded-social-buttons .social-button.youtube {
        background: #bb0000;
    }

    .rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
        color: #bb0000;
        background: #fefefe;
        border-color: #bb0000;
    }

    .rounded-social-buttons .social-button.instagram {
        background: #125688;
    }

    .rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
        color: #125688;
        background: #fefefe;
        border-color: #125688;
    }


    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }

    #column1 {
        background: border-box url('/images/tier3-images/phomne1.png');
        background-size: cover;
        height: 70vh;
    }


    .column {
        float: left;
        width: 50%;
        padding: 10px;
        height: 300px;
    }


}