/*this css file use in introduction page*/

@font-face {
    font-family: 'TR Comic Sans MS Regular';
    src: url("../../Content/fonts/TR Comic Sans MS Regular.eot"); 
}

@font-face {
    font-family: 'TR Comic Sans MS Regular';
    src: url("../../Content/fonts/TR Comic Sans MS Regular.ttf"); 
}

.mid-colm {
    width: 50%;
    display: inline-block;
    font-family: 'TR Comic Sans MS Regular';
    font-size: 20px;
    color: #000;
}

.introcontainer {
    background: url(../../Content/images/Intro-Background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.left-colm {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

    .left-colm img, .right-colm img {
        width: auto;
        max-width: 100%;
    }

.right-colm {
    width: 23%;
    display: inline-block;
    vertical-align: top;
}

.row {
    width: 100%;
}

@media screen and (max-width: 45em) {
    .introcontainer {
        float: left;
        clear: both;
    }

    .left-colm, .right-colm {
        width: 40%;
        float: right;
    }

    footer {
        background-color: initial;
    }

    .mid-colm {
        width: 50%;
        float: left;
    }
}