/* 
    Created on : 26/Jun/2017, 14:05:21
    Author     : Marco Sebastião geral@marcosebastiao.pt
*/

/* includes */
@import "bootstrap.min.css";
@import "font-awesome.min.css";

/* fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/* extra resets */
a,a:focus,a:active { text-decoration: none; }
a:hover { text-decoration: none; }
@-moz-document url-prefix() {
    .display-flex {
        width: 100%;
        -moz-box-sizing: border-box;
    }
}
input { -webkit-appearance: none; border-radius: 0; } 

/* core */
body { 
    background: #FFF url(../imgs/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px;
}

.logoBox {
    display: block;
    position: absolute;
    top: 50px;
    right: 5%;
    max-width: 386px;
    width: 100%;
}
.logoBox img {
    width: 100%;
}

#mail {
    position: absolute;
    bottom: 10%;
    width: 100%;
    height: 4%;
}
#services {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 7%;
    cursor: pointer;
}
#services_box {
    display: none;
    position: fixed; top: 0; left: 0; bottom: 0; right: 0;
    background: #0c9348; color: #FFFFFF;
    text-align: center;
    padding: 60px 5px;
    overflow-y: auto;
}
#hide_box {
    cursor: pointer;
    position: fixed; top: 10px; right: 20px;
    display: block;
    font-size: 50px; font-weight: normal; font-family: sans-serif; line-height: 50px;
    color: #FFFFFF; text-decoration: none;
}

/* mobile defaults */


/* mobile only */
@media (max-width: 1200px) {

}
@media (max-width: 650px) {

}
@media (max-width: 400px) {
    .logoBox {
        left: 0;
        right: 0;
        width:96%;
        margin: 0 2%;
    }
}


/* small overrides */
@media (min-width: 768px) {
    .logoBox {
        right: 10%;
    }
}
@media (max-height: 760px) and (min-height: 600px) {
    .logoBox {
        top: 15px;
        -webkit-transform : scale(0.8);
        -moz-transform : scale(0.8);
        -ms-transform : scale(0.8);
        -o-transform : scale(0.8);
        transform : scale(0.8);
        -webkit-transform-origin : top;
        -moz-transform-origin : top;
        -ms-transform-origin : top;
        -o-transform-origin : top;
        transform-origin : top;
    }
}


/* medium overrides */
@media (min-width: 992px) {

}
/* fullsize overrides */
@media (min-width: 1024px) {
    .logoBox {
        right: 15%;
    }
}
@media (min-width: 1650px) {
    .logoBox {
        right: initial;
        left: 60%;
    }
}