@charset "UTF-8";
/* CSS Document */


.about {padding: 25px}


p, .p{
	font-family: font-family: ‘Open Sans’, sans-serif; font-weight: 300; color: dimgrey;;font-size: 20px;color:#8E8D8D;line-height: 26px; text-align: justify
}
h1, .h1 {
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; 
		font-size: 28px;
	text-transform: uppercase;
		color:#000000
}
h2, .h2 {
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; 
		font-size: 20px;
	text-transform: uppercase;
		color:#000000
}
h3, .h3 {
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; 
		font-size: 24px;
	text-transform: uppercase;
}
h5, .h5 {
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; 
		font-size: 18px;	
}
h6, .h6 {
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; 
		font-size: 14px		
}

.sidebar {
        grid-area: sidebar;
    }

    .sidebar2 {
        grid-area: sidebar2;
    }

    .content {
        grid-area: content;
    }

   

    .w3-margin-bottom {
        grid-area: bottom;
    }

    .wrapper2 {
        background-color: #fff;
        color: #444; 
			
    }

  .wrapper2 {
    display: grid;
    grid-gap: 0;
	grid-template-columns: auto;
    grid-template-areas:
     "sidebar"  "bottom"
     "bottom" "bottom";
	 
  }
.bottom {
	background-color: #0B75D9;
	color: #fff;
	border-radius: 0px;
	padding: 10px;
	font-size: medium;
}

.content
{
	background-color: #E6E6E6; color:black;
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; text-align: left; padding: 5px; font-size: large; 
}
 .sidebar 
 {
	background-color: #E6E6E6; color:black;
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; padding: 7px 5px 7px 10px; font-size: large
}



.bottom {
	background-color: #0B75D9;
	font-family: ‘Open Sans’, sans-serif; font-weight: 300; padding:15px
}

    @media only screen and (min-width: 350px)  {
    .wrapper2 {
        grid-gap:0;        
        grid-template-areas:
        "sidebar" 
        "bottom";
		
		grid-template-rows: auto;
		grid-template-columns: auto;
		max-width: 610px; 
    }
    }

    @media only screen and (min-width: 611px)   {
        .wrapper2 {
      grid-gap: 0px;
            grid-template-columns: 200px 1fr;
			grid-template-rows:auto;
            grid-template-areas:
      
            "sidebar sidebar"
            "bottom bottom"
			;
            max-width: 900px; 
        }
    }