@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */





    .award{
        width: 90%;
        height: 35vh;
        float: left;
        clear: none;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-color: #D7D7D7;
        margin: 1.5%;
    }
    
    
    
    .award-img{
        height: 100%;
        width: 100%;
        display: block;
        float: left;
        clear: none;
                /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
   
    }
    
    
    .award-img img{
        width: 80%;
    }
    
    
    .award-name{
        height: 35%;
        width: 100%;
        display: block;
        float: left;
        clear: none;
        font-family: 'Montserrat', sans-serif;
        padding: 1em;
        line-height: 1.2em;
  
    }
    
    
    .award-name h5{
        font-size: .9em;
        font-weight: 400;
        letter-spacing: .2px;
    }
    
    
    .award-name h4{
        font-size: 1.4em;
        color: #0c0f33;
    }
    
    
    .award-name p{
        font-size: 1.2em;
        color: rgba(52,52,52,1.00);
        font-weight: 600;
    }
    




}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    

    
    
    
    
    
    
    
    
    
    
    
    
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


	
    
        
    .award{
        width: 17%;
        height: 40vh;
        float: left;
        clear: none;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-color: #D7D7D7;
        margin: 1.5%;
    }
    
    
    
    .award-img{
        height: 100%;
        width: 100%;
        display: block;
        float: left;
        clear: none;
                /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
           background-size: 90%;
        background-repeat: no-repeat;
        background-position: center;
   
    }
    
    

    
    .award-name{
        height: 35%;
        width: 100%;
        display: block;
        float: left;
        clear: none;
        font-family: 'Montserrat', sans-serif;
        padding: 1.5em;
         line-height: 1.7em;
    }
    
    
    .award-name h5{
        font-size: 1.1em;
        font-weight: 400;
        letter-spacing: .2px;
    }
    
    
    .award-name h4{
        font-size: 1.6em;
        color: #0c0f33;
    }
    
    
    .award-name p{
        font-size: 1.2em;
        color: rgba(52,52,52,1.00);
        font-weight: 600;
    }
    
    
    
	
	
	
}