body {
    background-color:#f4f4f4;
    
}
#content-section
{
    background-color:#f4f4f4!important;
	margin-right:-60px;
}


@media screen and (max-width:768px)
{
  #content-section
{
   
	margin-right:-43px;
}
}

@media screen and (max-width:425px)
{
  #content-section
{
   
	margin-right:15px;
}
}

@media screen and (max-width:320px)
{
  #content-section
{
   
	margin-right:10px;
}
}

#curr-search
{
    margin-top:15px;
    color: #fff;
}

div.topichero
{

	background-color: #003C46;
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;
	margin-bottom: 10px;
	margin-top: -85px;
}



#quick-left
{
    float:left;
    display: inline-block;
}

#quick-right
{
    float:left;
    display: inline-block;
}

#quick-links
{
   
     margin: auto;
   width:50%
    
}
#intro-text
{
 
    margin: auto;
   width:70%;
padding-top:20px;
    padding-bottom:20px;
       border-radius: 10px 10px 10px 10px;
    font-size:26px !important;
    line-height:30px !important;
    text-align:center;
    font-weight: 200;
    box-shadow:0 0 10px 0 rgba(0,0,0,.05);

       }
#intro-text p 
{
       font-size:26px !important;
    line-height:30px !important;
    text-align:center;
    font-weight: 500;
}

h1
{
    font-size: 24px !important;
}

.card
{
border-radius:25px!important;
}

#curr-search::after
{
            content: 'Turnitin Originality';
                color: #fff;
                transform: rotate(0deg)!important;
                background-color: #084450;
                margin-right:5px;
    margin-left:5px;
    margin-top:5px;
                padding:6px;
                border-radius: 10px 10px 10px 10px;
                font-family: "Font Awesome 5 Free", Roboto;
                font-weight: 900;
                font-size: 0.8em;
}
.center-card
{
    text-align:center;
}
.main-cards{
    background-color:#f4f4f4;
   
    margin-bottom:50px;
}


@media screen and (max-width:845px)
{
    
    #intro-text
{
   width:90%;
       }
    
    .main-cards
    {
        margin-bottom:22px
    }
}
@media screen and (max-width:560px){
    .main-cards
    {
        margin-bottom:0
    }
    #content-section {
        padding-top: 0px !important;
    padding-bottom: 0px !important;
    }
}
.main-cards .parent-card-container
{
    max-width:1024px;
    margin:0 auto;
}

.main-cards .child-card-container
{
    width:30%;
    display:inline-block;
    vertical-align:top;
   margin: 5px;
}

@media screen and (max-width:845px)
{
        #intro-text
{
   width:90%;
       }
    .main-cards .child-card-container
    {
        width:30%
    }
}
@media screen and (max-width:700px){.main-cards{padding-bottom:20px}
.main-cards .child-card-container{
-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
    width:100%;
    }
}
.main-cards .card
{
    z-index:2;
    padding:36px 20px 0;
    position:relative;
    transition-property:all;
    transition-duration:200ms;
    transform:translate3d(0,0,0);
}

@media screen and (min-width:701px){
    .main-cards .card{
        background-color:#f4f7fa;
        min-height:300px;
    }
}
.main-cards .card .panel
{
    text-decoration:none;
    z-index:1;
    display:inline-block;
    color:#1d1c1d;
}
@media screen and (max-width:700px)
{
.main-cards .card
    {
        padding-top:20px;
    }
.main-cards .card .panel
    {
        background-color:#fff;
        box-shadow:0 0 20px 0 rgba(0,0,0,.05);
     
    }
}

.main-cards .card:hover
{
    z-index:3;
}

@media screen and (min-width:701px)
{
    .main-cards .card:hover
    {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
        background-color:#fff;
        box-shadow:0 5px 20px 0 rgba(0,0,0,.15);
    }
}

.main-cards .c-title
{
    margin-bottom:10px;
    margin-top:0;
    font-weight:900;
}

.main-cards .desc
{
font-size:16.1px;
line-height:25px;
padding:0;
margin:4px auto 0;
max-width:340px;
}

.main-cards .c-img
{
    width:auto;
    height:94px;
    margin:0 auto 10px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
}

.main-cards .c-img-alt
{
    width:auto;
    height:120px;
    margin:0 auto 5px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
}


.main-cards .card .panel .desc
{
    color:#454245;
}
.main-cards .c-title
{
    color:#1d1c1d;
    font-size:24px;
    line-height:30px;
}
@media screen and (max-width:700px)
{
    .main-cards .c-title
    {
        font-size:20px;
        line-height:24px;
    }
}

img.contain {
  object-fit: contain;
}