/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 9, 2017, 8:08:16 AM
    Author     : alan
*/

body {
    background-color : #F7F8FA;
}

.top {
    margin: 50px;
}

.middle {
    margin: 30px;
}

.bottom {
    margin: 30px;    
}

span.database_consultancy-image{
    content: url(/css/images/database_consultancy_logo.jpg);
    width: 650px;
    height: auto;
}

span.pasfoto {
    content: url(/css/images/pasfoto.jpg);
    width: 150px;
    height: auto;
}

span.oracle_ace-image {
    content: url(/css/images/O_ACELogo_clr.png);
    width: 150px;
    height: auto;
}

span.linkedin-image {
    content: url(/css/images/linkedin.png);
    width: 150px;
    height: auto;
    margin-right: 100px;
    margin-bottom: 15px;
}

span.blogspot-image {
    content: url(/css/images/blogspot.png);
    width: 300px;
    height: auto;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 5px;
}

span.twitter-image {
    content: url(/css/images/twitter.png);
    width: 250px;
    height: auto;
    margin-left: 50px;
}

@media (max-width: 650px) {
    /* CSS that should be displayed if width is equal to or less than 800px goes here */
    span.database_consultancy-image{
        content: url(/css/images/database_consultancy_logo_sm.png);
        width: 100px;
    }

span.pasfoto {
    width: 130px;
}

span.oracle_ace-image {
    width: 130px;
}

.bottom {
    margin-left: 0px;
    margin-right: 0px;
}

span.linkedin-image {
    margin-right: 0px;
    margin-bottom: 0px;
}

span.blogspot-image {
    content: url(/css/images/blogspot_sm.png);
    width: 40px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 0px;
}

span.twitter-image {
    content: url(/css/images/twitter_sm.png);
    width: 100px;
    margin-left: 0px;
    margin-bottom: -15px;
}

}