/*.id7-page-title h1 {
            border-bottom-width: 0;
            color: #1D71AA;*/
        }

        .subheading {
            color: #3F4246;
            font-size: 26px;
            font-weight: bold;
            line-height: 36px;
            padding: 2% 0% 4% 0%;

        }

        /*p {
            font-size: 18px !important;
        }

		.text li {
			font-size: 18px !important;
		}*/

        .citatum {
            font-size: 18px;
            line-height: 28px;
            padding: 1% 2% 1% 2%;
        }

        .citatum p {

            padding-top: 2%;
        }

		.picture {
		  max-width: 100%;
		  height: auto;
		  background-size: cover;
		  background-position: center center;
		  margin-right: 1%;
		  margin-left:1%;}


		.boxes p {
		font-weight: bold;
		line-height: 22px;
		text-align: center;
		}

		.boxes {
		padding: 4% 0% 4% 0%;}

		.boxes a:hover {
		color: white !important;
		}

		.col3 :hover {
		background-color: #015b84!important;
		}

		.resource-box {position: relative; min-height: 100px;}
		.resource-box p{position: absolute; top: 50%; left: 50%; width:98% ; padding: 5%; transform: translate(-50%, -50%);}


        /*.text {
            padding: 4% 0% 4% 0%;
            margin: 0% 5% 0% 5%;
        }*/

 		.text {
            padding: 2% 0% 2% 0%;
            margin: 0% 2% 0% 2%;
        }

        .image {
            padding-bottom: 3%
        }

        h3 {
            color: #3F4246;
        }


        .headtext {
		background-color: #1d71aa;
		padding:10px;
        position: absolute;
		top: 75%;
		left: 4%;
		text-align: left;
		color: #fff;
		font-size: 2.5em;
		font-weight: bold;
		line-height: 1em;
        }


        .services {
            padding: 2% 4% 2% 4%;
        }

        .services a {
            text-decoration: none;
            font-weight: bold;
            color: #1D71AA;
        }

        .services a:hover {
            text-decoration: underline;
        }

        .leftborder {
            margin: 0 40px;
            border-width: 6px;
            border-style: solid;
            border-image:
                linear-gradient(to bottom,
                    #7ecbb6,
                    rgba(0, 0, 0, 0)) 1 100%;
            border-right: none;
        }


		 @media (max-width:480px) {
			.image-container {
			display: none;
			}
		 }


		@media (max-width: 768px) {

		.headtext {
        font-size: 5vw;
        }

		.subheading {
		font-size: 20px;
		line-height: 26px;
		padding-bottom: 8%;
		}


		.picture {
		height: 250px;
		margin: 2%; }

		.text {
		padding: 8% 0% 8% 0%;}

		.boxes {
		padding: 8% 0% 8% 0%;}

		.video {
		padding-top: 8%}
		}