h1 {
    color: #37c6f4;
    font-size: 0.8rem;
    font-family: sans-serif;
    margin-top: 15px;
    margin-bottom: 5px;
}

h2 {
    color: #37c6f4;
    font-size: 0.7rem;
    font-family: sans-serif;
    margin-top: 15px;
    margin-bottom: 5px;
}

body {
    background-color: rgb(16, 16, 16);
    margin: 2.5rem;
}



.flex-container {
    display: flex;
    flex-direction: row;
    padding-bottom: 0.45rem;
}

.bigcont {
   position: absolute;
   bottom: 2rem; 
}

.reg {
    height: 150px;
    padding-left: 0.7rem;
}

.wide {
    height: 110px;
    padding-left: 0.7rem;
}

.tall {
    height: 175px;
    padding-left: 0.7rem; 
}

.logo {
    height: 110px;
    /*width: 296px;*/

}

.copy {
    position: relative;
    display: none;
    margin-top: -10px;
    width: 100%;
}

.about {
    display: flex;
    flex-direction: column;
    width: 290px;
    position: absolute;
    right: 2rem;
    top: 2rem;
    /*background-color: red;*/
}

.about:hover .copy {
    display: contents;
}

/*Hover*/

.reg:hover{
    scale: 104%;
}

.wide:hover{
    scale: 104%;
}

.tall:hover{
    scale: 104%;
}



@media (max-width: 550px) {

    .flex-container {
        flex-direction: column;
    }
    
    .bigcont {
        position: relative;
    }
    
    .reg {
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-bottom: 1.5rem;
    }
    
    .wide {
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-bottom: 1.5rem;
    }   
    
     .tall {
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-bottom: 1.5rem;
    }  
    

    .about {
        flex-direction: row-reverse;
        /*background-color: red;*/
        
        width: 100%;
    }
    
     .copy {
        /*position: relative;*/
        display: inline;
        width: 210px;
    }
    
    .logo {
        height: 80px;
    }
    
    .about:hover .copy {
        display: inline;
    }
    
    body {
        margin-top: 12rem;
    }
    
    .reg:hover{
        scale: 100%;
    }

    .wide:hover{
        scale: 100%;
    }

    .tall:hover{
        scale: 100%;
    }
    
    
}