#content {
    width: 100%;
}

body {
    line-height: 150%;
}



#content .row {
    margin: auto;
}

.col-xs-2 {
    width: 85px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

@media (max-width: 750px) {
    body {
        font-size: 1em;
    }
}

@media (max-width: 490px) {
    #content {
        width: 250px;
    }

    img {
        max-width: 250px;
    }
}

#logo {
    margin-top: 50%;
    margin-left: 5%;
}

.icons {
    margin-left: 7%;
}

.main_icons {
    margin-left: 7%;
}


#contact {
    font-size: 9px;
    padding-top: 5px;
    margin-left: 5%;
}

@media only screen and (min-width: 320px) and (max-width: 360px) and (orientation: portrait) {
    #logo {
        margin-top: 40%;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    #logo {
        margin-top: 10%;
        margin-left: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {
    #logo {
        margin-top: 40%;
        margin-left: 20%;
    }

    .main_icons {
        margin-left: 20%;
    }

    #contact{
        margin-left: 20%;
    }

}

@media only screen and (min-width: 580px) and (max-width: 600px) and (orientation: portrait) {

    #logo {
        margin-top: 50%;
        margin-left: 5%;
    }

    .main_icons {
        margin-left: 8%;
    }

    #contact {
        margin-left: 7%;
    }

}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
    #logo {
        margin-top: 50%;
        margin-left: 48%;
}

    #contact {
        width: 50%;
        margin-left: 25%;
}
    .main_icons {
        margin-left: 25%;
    }
}

@media only screen and (min-width: 1280px) and (orientation: landscape){
    #logo {
        margin-top: 40%;
        margin-left: 74%;
    }

    .main_icons {
        width: 50%;
        margin-left: 37%;
    }

    #contact {
        margin-left: 37%;
    }
}