@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
* { 
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img { 
    outline: none;
    max-width: 100%;
    height: auto;
}
html { 
    min-height: 100%;
    height: 100%;
}
body { 
    background:url(../images/my-banner.jpg) no-repeat right top #f1f1f1;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100%;
    font-family: 'Bree Serif', serif;
    font-size: 14px;
}
a { 
    text-decoration: none;
    color: #28a4f1;
}
a:hover { 
    color: #188ed6;
    text-decoration: underline;
}

.container { 
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}
.header { 
    
}
.myinfo { 
    width: 100%;
    height: 100vh;
    vertical-align: middle;
    padding: 30px 0;
    color: #fff;
}
.mb-5 { margin-bottom: 5px; } 
.mb-10 { margin-bottom: 10px; } 
.mb-15 { margin-bottom: 10px; } 
.mb-20 { margin-bottom: 10px; } 
.mb-25 { margin-bottom: 10px; } 
.mb-30 { margin-bottom: 10px; } 
.mb-40 { margin-bottom: 10px; } 
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { 
    margin-bottom: 15px;
}