@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. */







    



	

    

    .cu{

        height: auto;

        width: 90%;

        margin: 25vh 5%;

        float: left;

        clear: none;

        display: block;

        background-color: white;

        font-size: 1em;

    }

    

    

    

    .cu-list{

        display: block;

        float: left;

        clear: none;

        width: 90%;

        height: auto;

        padding: 5%;

    }

    

    

    .cu h3{ 

margin-bottom: 1em;

    }

    

    

    

    .cu p{

         color: #191919;

        font-family: 'Montserrat', sans-serif;

        margin-left: 0;

       clear: both;

        font-weight: 500;

        font-size: 1em;

        line-height: 1.5em;

        width:100%;

        letter-spacing: .2px;

    }

    

    .cu p b{

        color: #172975;

        text-transform: uppercase;

        letter-spacing: 1px;

        font-size: .9em;

        font-weight: 700;

        

    }

    

    

    .cu-ico{

        display: block;

        float: left;

        clear: both;

        margin: 1em 0;

        

    }

    

    

    

    .cu-ico span{

        color: #172975;

        float: left;

        clear: none;

        display: block;

        font-size: 1.5em;

    }

	

    .cu-ico h4{

        color: #191919;

        display: block;

        clear: none;

        float: left;

        font-family: 'Montserrat', sans-serif;

        font-size: 1.2em;

        letter-spacing: .5px;

        margin-left: 1em;

        margin-top: 0;

        word-break: break-word;

        font-weight: 500;

    }

    

    

    

    

    

    

    

    .cu iframe{

        display: block;

        float: right;

        clear: none;

        width: 100%;

        height:50vh;

    }

    

     

    

    

    









	

















/* 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) {





	

    

    .cu{

        height: 50vh;

        width: 86%;

        margin: 25vh 5%;

        float: left;

        clear: none;

        display: block;

        background-color: white;

        

        font-size: 1em;

    }

    

    

    

    .cu-list{

        display: block;

        float: left;

        clear: none;

        width: 32%;

        height: auto;

        padding: 3%;

    }

    

    

    .cu h3{ 

margin-bottom: 1em;

    }

    

    

    

    .cu p{

         color: #191919;

        font-family: 'Montserrat', sans-serif;

        margin-left: 0;

       clear: both;

        font-weight: 500;

        font-size: 1em;

        line-height: 1.5em;

        width:100%;

        letter-spacing: .2px;

    }

    

    .cu p b{

        color: #172975;

        text-transform: uppercase;

        letter-spacing: 1px;

        font-size: .9em;

        font-weight: 700;

        

    }

    

    

    .cu-ico{

        display: block;

        float: left;

        clear: both;

        margin: 1em 0;

        

    }

    

    

    

    .cu-ico span{

        color: #172975;

        float: left;

        clear: none;

        display: block;

        font-size: 1.5em;

    }

	

    .cu-ico h4{

        color: #191919;

        display: block;

        clear: none;

        float: left;

        font-family: 'Montserrat', sans-serif;

        font-size: 1.2em;

        letter-spacing: .5px;

        margin-left: 1em;

        margin-top: 0;

        word-break: break-word;

        font-weight: 500;

    }

    

    

    

    

    

    

    

    .cu iframe{

        display: block;

        float: right;

        clear: none;

        width: 60%;

        height:100%;

    }

    

     

    

    

    

    

    

    

    

    

	

}