@media (min-width: 768px)
{

	.col-1 
    {
        width: 8.33333333%;
        float:left;
    }
    
    .col-2 
    {
        width: 16.66666667%;
        float:left;
    }
    
    .col-3 
    {
        width: 25%;
        float:left;
    }
    
    .col-4 
    {
        width: 33.33333333%;
        float:left;
    }
    
    .col-5 
    {
        width: 41.66666667%;
        float:left;
    }
    
    .col-6 
    {
        width: 50%;
        float:left;
    }
    
    .col-7 
    {
        width: 58.33333333%;
        float:left;
    }
    
    .col-8 
    {
        width: 66.66666667%;
        float:left;
    }
    
    .col-9 
    {
        width: 75%;
        float:left;
    }
    
    .col-10 
    {
        width: 83.33333333%;
        float:left;
    }
    .col-11
    {
        width: 91.66666667%;
        float:left;
    }
    .col-12
    {
        width: 100%;
        float:left;
    }

    #wrap
    {
            width:900px;
            margin:0 auto;
            border-left:solid 4px #ced4ca;
            border-top:solid 4px #ced4ca;
            border-right:solid 4px #ced4ca;
            border-bottom:solid 4px #ced4ca;
            padding:10px 30px 30px 30px;
            overflow:hidden;
            background:url(../images/wrap-back.gif) repeat-y #FFF;
    }
    
    body
    {
            background-color:#dde5d9;
            padding:25px 0;
    }
    
    .handle
    {
        display: none;
    }
    
    
    #header-social-link
    {
        display: block;
    }
    
    .header-main
    {
        width:900px;
        border-bottom: none;
        margin-bottom: 0;
    }
    
    .header-main h1
    {
            display: block;
    }
    
    #header .desktop
    {
        display:block;
    }
    #header .mobile
    {
        display:none;
    }
    
    .page-header-img
    {
        height: 118px;
        margin: 0;
        background-size: 100%;
    }
    
    #home
    {
        padding:14px 0 0 14px;
    }
    
    #top-menu
    {
            display: block;
    }
    
  
    #left
    {
         position: relative;
         width:228px;
         -webkit-transform: translate3d(0px,0,0);
         transform: translate3d(0,0,0);
         -ms-box-shadow: 0px 0 0px 0px rgba(0,0,0,1);
         box-shadow: 0px 0 0px 0px rgba(0,0,0,1);
         background-color: transparent;
    }
    
    #left .left-menu-logo
    {
        display: none;
        
    }
    
    #left .mobile
    {
        display: none;
    }
    
    #right
    {
        width:665px;
        float: right;
        margin: 0;
    }
    
    #contents
    {
            margin:18px 0px 0px 12px;
    }
    
    #footer .footer-line div:last-child
    {
	
        display: block;
    }
    
    #footer .copyright-content
    {
            width:370px;
            text-align:right; 
    }
    
    #footer .copyright-content div
    {
            text-align:right;
    }



	.flex-col-1 
    {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }
    
    .flex-col-2 
    {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }
    
    .flex-col-3 
    {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .flex-col-4 
    {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }
    
    .flex-col-5 
    {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }
    
    .flex-col-6 
    {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    
    .flex-col-7 
    {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }
    
    .flex-col-8 
    {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
        
    }
    
    .flex-col-9 
    {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }
    
    .flex-col-10 
    {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .flex-col-11
    {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .flex-col-12
    {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

	.flex
	{
		display:flex;
		flex-wrap: wrap;
	}

}