html,body
{
    background-color:white;
    margin:0;
    padding:0;
}
section.main_container
{
	width:100%;
	height:100%;
}

div.flex_container
{
     display: flex;
    flex-wrap: wrap;
    margin-right: 10%;
    margin-left: 10%;
	width:80%;
	border-top:1.6px solid rgba(233, 242, 255, 1);
	
	    padding-top: 2%;
            padding-bottom: 7%;
  justify-content: space-between;
}
div.col a {
    display: block;
    margin: 6% 0%;
}
div.col 
{
	width:22%;
}
section.col
{
    flex: 0 0 33.333333%;
    margin-bottom:5%;
        margin-top: 3%;
}
div.border
{
    border-top:1px solid #ec278e;
    width:100%;
}
section.col h2 
{

    font-size:1.5vw;
    margin-bottom: 2%;
}
h1.main_title
{
    margin: 1.6% 0%;

 
    padding-left:10%;
    color:#E0107B;
}
section.col a 
{
    text-decoration:none;
     font-family:"source-sans-pro";
    font-display:auto;
    font-style:normal;
    font-weight:400;
    font-size:1.4vw;
    color:#2a5caa;
}
section.col a p 
{
    margin-top:2%;
    margin-bottom:2%;
}
section.col a:hover
{
 text-decoration:underline;   

}
a.by_def_hover
{
	 text-decoration: underline;
  text-decoration-color: #ec278e;
  
}
a.by_def_blackhover
{
	text-decoration:underline;
	text-decoration-color: black;
	color:unset;
}
a.by_def_nohover
{
	text-decoration:none;
		color:unset;
}
a.by_def_nohover:hover
{
	text-decoration:underline;
	text-decoration-color: black;

}
div.bord-col-1
{
	    border-left: 1.6px solid rgba(233, 242, 255, 1);
    height: 70%;
    float: left;
    margin-top: 5%;
    margin-right: 7.5%;
	
}
div.bord-col-2
{
	    border-left: 1.6px solid rgba(233, 242, 255, 1);
    height: 100%;
    float: left;
    margin-top: 5%;
    margin-right: 7.5%;
	
}
div.bord-col-3
{
	    border-left: 1.6px solid rgba(233, 242, 255, 1);
    height: 58%;
    float: left;
    margin-top: 5%;
    margin-right: 7.5%;
	
}
div.bord-col-4
{
	    border-left: 1.6px solid rgba(233, 242, 255, 1);
    height:52%;
    float: left;
    margin-top: 5%;
    margin-right: 7.5%;
	
}



@media only screen and (min-width:320px) and (max-width:1024px) and (orientation:portrait) 
{
    div.flex_container
    {
        width: 90%;
        margin-left: 5%;
        margin-right:5%;
        padding-bottom: 20%;
       
    }
    .main_title
    {
        padding-top:6%;
    }
	div.col 
	{
		width:45%;
	}
	div.bord-col-1 
	{ 
		height: 100%;	
	}
	div.bord-col-2 
    {
 
        height: 100%;
	}
    div.bord-col-3
    {
        height: 108%;
    }
    div.bord-col-4
    {
        height: 100%;
    }
	div.mob_support_section
	{
		margin-top:22%;
		border-left: 1.6px solid rgba(233, 242, 255, 1);
		padding-left:7.5%;
	}
}