@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700&display=swap');

body{
    border: 15px solid #000;
}

.master-wrap{
    margin: auto auto;
    /* background-image: url("../img/background.png"); */
    background-size: 600px;
    max-width: 600px;
    min-height: 3000px;
    margin-top:100px;
    padding: 15px 20px 15px 20px;
}

#monogram{
    max-width: 80px;
    max-height: 80px;
}

#gif{
    max-width: 100px;
    max-height: 80px; 
}

.col-md-12{
    /* border:1px solid purple; */
}

span#name{
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
}

span#description{
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
}

span.projects{
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;  
    font-size: 12px;
}

    .i{font-style: italic;}

    .subHeading{font-weight: 600!important; }

span.education, span.employment{
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;  
    font-size: 12px;
}

    span.f-grey{color: rgb(102, 102, 102);}
    span.f-small{font-size: 10px;}
    span.f-bold{font-weight: 600;}

.line{
    width: 100px;
    border-top: 3px #000 solid;
    margin-bottom: 10px;
}

h2{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;  
    font-size: 14px;
    padding-bottom: 5px;
}

h5.modal-title{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;  
    font-size: 22px;
    padding-bottom: 5px;   
    color: #fff;
}

a{
    color: rgb(9, 148, 212);
}

p{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;  
    font-size: 12px;
    line-height: 18px;
}
.modal-dialog{
    max-width: 900px;
}



.modal-body, .modal-header, .modal-footer{
    background-color: #000;
}

.modal-header{
    border-bottom: none;
}

.modal-footer{
    border-top: none;
}

.close{
    color: #fff;
    text-shadow: none;
}

.close:hover{
    color: #fff; 
}

.video-info{
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;  
    color: #fff;
}

.media-thumb {
    margin-top:20px;
    width: 300px;
    height: 169px;
    background: url("../img/video_thumbnail.png") no-repeat;
    background-size: 300px 169px;
    display: inline-block;
    transition: 0.5s;
}
.media-thumb:hover {
    background: url("../img/video_thumbnail_play.png") no-repeat;
    background-size: 300px 169px;
    cursor: pointer;
}


.per-top-5{margin-top:5%}.per-top-10{margin-top:10%}.per-top-15{margin-top:15%}.per-top-20{margin-top:20%}.per-top-25{margin-top:25%}.per-top-30{margin-top:30%}.per-top-40{margin-top:40%}.per-top-50{margin-top:50%}.p-top-5{padding-top:5px}.p-top-10{padding-top:10px}.p-top-15{padding-top:15px}.p-top-20{padding-top:20px}.p-top-30{padding-top:30px}.p-top-40{padding-top:40px}.p-top-50{padding-top:50px}.p-top-60{padding-top:60px}.p-top-65{padding-top:65px}.p-top-70{padding-top:70px}.p-top-80{padding-top:80px}.p-top-90{padding-top:90px}.p-top-100{padding-top:100px}.p-top-110{padding-top:110px}.p-top-120{padding-top:120px}.p-top-150{padding-top:150px}.p-top-180{padding-top:180px}.p-top-200{padding-top:200px}.p-bottom-5{padding-bottom:5px}.p-bottom-10{padding-bottom:10px}.p-bottom-15{padding-bottom:15px}.p-bottom-20{padding-bottom:20px}.p-bottom-30{padding-bottom:30px}.p-bottom-40{padding-bottom:40px}.p-bottom-50{padding-bottom:50px}.p-bottom-60{padding-bottom:60px}.p-bottom-70{padding-bottom:70px}.p-bottom-80{padding-bottom:80px}.p-bottom-90{padding-bottom:90px}.p-bottom-100{padding-bottom:100px}.p-bottom-110{padding-bottom:110px}.p-bottom-120{padding-bottom:120px}.p-bottom-150{padding-bottom:150px}.p-bottom-180{padding-bottom:180px}.p-bottom-200{padding-bottom:200px}.p-left-5{padding-left:5px}.p-left-10{padding-left:10px}.p-left-15{padding-left:15px}.p-left-20{padding-left:20px}.p-left-30{padding-left:30px}.p-left-40{padding-left:40px}.p-left-50{padding-left:50px}.p-left-60{padding-left:60px}.p-left-70{padding-left:70px}.p-left-80{padding-left:80px}.p-left-90{padding-left:90px}.p-left-100{padding-left:100px}.p-left-110{padding-left:110px}.p-left-120{padding-left:120px}.p-right-5{padding-right:5px}.p-right-10{padding-right:10px}.p-right-15{padding-right:15px}.p-right-20{padding-right:20px}.p-right-30{padding-right:30px}.p-right-40{padding-right:40px}.p-right-50{padding-right:50px}.p-right-60{padding-right:60px}.p-right-70{padding-right:70px}.p-right-80{padding-right:80px}.p-right-90{padding-right:90px}.p-right-100{padding-right:100px}.p-right-110{padding-right:110px}.p-right-120{padding-right:120px}.p-all-5{padding:5px}.p-all-10{padding:10px}.p-all-15{padding:15px}.p-all-20{padding:20px}.p-all-30{padding:30px}.p-all-40{padding:40px}.p-all-50{padding:50px}.p-all-60{padding:60px}.p-all-70{padding:70px}.p-all-80{padding:80px}.p-all-90{padding:90px}.p-all-100{padding:100px}.p-all-110{padding:110px}.p-all-120{padding:120px}