body {

    color: rgb(51, 51, 51);
    font-family: Montserrat, sans-serif;
    background: white;

}

h1 {
    display: inline;

    /*color: rgb(51, 51, 51);*/
    color: white;

    font-family: Abel, sans-serif;
    font-size: 1.5rem;
    /*margin-top: 0rem;
    margin-bottom: 0.5rem;*/

    margin-top:    0;
    margin-bottom: 0;

    font-weight: 500;
    /*text-align: center;*/
}
h1 img {
 height: 2.75rem;
 border-radius: .5rem;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-dark {
    background-color: black !important;
}

.dezgo-logo {
    /*border: solid 1px white;*/

}

#input-prompt {
    /*border-radius:  6px 6px 0 0;*/
    /*margin-bottom: .5rem;*/
}

#btn-draw {
   /*border-radius: 0 0 6px 6px;*/
  /*max-width: 100px;
  margin:auto;*/
}


form {
    margin-top: 1rem;
    
}


@media screen and (max-width: 500px) {
    h1 {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
    h1 img {
        height: 2.4rem;
        border-radius: 0.5rem;
    }
    .form-label, .form-control {
        font-size: 14px;
    }
}

.twitter-mobile {
    display: none;
}

@media (max-width: 450px){
 .twitter-desktop {
    display: none;
 }   
 .twitter-mobile {
    display:initial;
 }
}



h2 {
   
    color: gray;
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;

    margin-top: 1rem;
    margin-bottom:2rem;
    margin-left: 40px;
    margin-right: 40px;

    text-align: center;
}

.sub {
    color:gray;
    font-size: 1.5rem;
}

#output {
   
}
.output-img {
    max-width:512px;
    max-height:512px;
 
    margin: auto;
    
    margin-top: .5rem;
    margin-bottom: .5rem;
    /*border-radius: .5rem;*/
    padding:0;

    width:100%;

    box-shadow: 5px 5px 5px grey;
}





.job-spinner {
    display: none;

    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;

    text-align: center;
}


#a-mid {
    max-width: 900px;
    /*background: silver;*/
    /*height: 150px;*/
    margin:auto;
    margin-top: 2rem;
    margin-bottom: 1rem;

}
.a-sq
{
    width:300px;
    height: 250px;
    background: silver;
}

.no {
    display: none;
}



#job-output
{
    text-align: center;
}



#main-content {
   margin-top:1.5rem;
   max-width: 800px;
    margin:auto;
}

#monu-video
{
    margin-top: 2rem;
}

#monu-footer
{
    /*margin:auto; 
    margin-top:2rem; */
    
    /*debug*/
    /*width:728px; height:90px; border:solid 1px red;*/
}

#left-pillar
{
    /* debug */
    /*width: 300px; height:600px; border:solid 1px red;*/

    /* characteristics */
    max-width:300px;
    margin-top:1.5rem;
    margin-right:1rem;

    float:left;

    display: block;
} 


@media(max-width: 800px)
{
    #left-pillar {
        float: none;
        margin-left:auto;
        margin-right:auto;
    }
}


/*
#0091ff;

*/