.clear { clear: both; }

body {
    background-color: black;
}

.bg1 {
    background-image: url('../img/background.jpg');
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    background-position:center;
    height: 100vh;
}

.bgmain {
    background-image: url('../img/logo.jpg');
}

#header {
    background-color: #000000;
    /*height: 20vh*/
}

#divHeader {
    height: 115px;
}

#divFooter {
    height: 50px;
}

.logo_of {
    float:right;
}

img.resize{
    width: 1366px;
    height: 768px;
}

.capsule {
    width: 100%;
}

.logo {
    float: left;
    width: 50%;
    /*position: absolute;
    left: 0px;*/
    padding-left: 60px;
    padding-right: 0px;
    padding-top: 10px;
    /*background-image: url('../img/logo.png');
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    background-position:center;
    height: 100px;
    only screen
    and
    */
}

@media (min-width : 1380px) {
    .logo {
        width: 690px;
    }
}

@media (max-width : 1100px) {
    #divHeader {
        height: 100px;
    }
}

@media (max-width : 900px) {
    .logo {
        float: left;
        width: 75%;
        padding-left: 60px;
        padding-right: 0px;
        padding-top: 10px;
    }
    #divHeader {
        height: 120px;
    }
}

.head {
    position: absolute;
    top: 0px;
    width: 100%;
}

@media (max-width : 700px) {
    .logo {
        float: left;
        width: 100%;
        padding-left: 60px;
        padding-right: 0px;
        padding-top: 10px;
    }
    #divHeader {
        height: 135px;
    }
}

@media (max-width : 630px) {
    #divFooter {
        height: 27px;
    }
}

@media (max-width : 360px) {
    body {
        width: 360px;
    }
    #divHeader, .head, #divFooter {
        width: 360px;
        left: 0;
    }
}

.nobullet {
    list-style-type: none;
}

.large-pad {
    padding: 5px 10px;
}

.inline-block {
    float: none;
    display: inline-block;
    margin-right: 20px;
}

@media only screen
and (max-width : 700px) {
    .inline-block {
        float: none;
        display: inline-block;
        margin-right: 20px;
    }
    ul li.nobullet {
        position: relative;
        display: inline-block;
        text-align: center;
    }
    ul.nobullet { text-align:center; }
}

.blackLink a, .blackLink a:visited, .blackLink a:link {
    font-family: 'Ubuntu', sans-serif;
    color: black;
    /*z-index: 1;*/
}

.grayLink a, .grayLink a:visited, .grayLink a:link {
    font-family: 'Ubuntu', sans-serif;
    color: grey;
    /*z-index: 1;*/
}

.white {
    background: #ffffff
}

div {
    overflow:auto;
}