*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
   
}

.grid-2{
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 0px;
	height:100vh;
	overflow: hidden;
	
}
.grid{
	display: grid;
	grid-template-columns: 15% 85%;
	gap: 0px;
	height: auto;
	
}	
.flex{
	display: flex;
	flex-direction: column;
	
}
.flex2{
	display: flex;
	flex-direction: column;
}

.item1{
	margin-top: auto;
	margin-bottom: auto;
}
.item2{
	background-color: #14284D;
	max-height: 100%;
	padding-top: 20%;
	padding-bottom: 25%;
	
}


.maintext {
	font-family: Century Gothic;
    font-size: 70px;
    font-weight: bold;
    color: #14284D;
	text-align: center;
	
}
.links{
	display:flex;
	flex-direction: column;
	font-family: Century Gothic;
    font-size: 50px;
    color: white;
	height:100%;
    padding: 30px 0px;;
	
}
a.links{
	color: white;
	text-decoration: none;

}
a.links:hover{
	text-decoration: underline;
}
.webtext{
	font-family: Century Gothic;
    font-size: 40px;
    color: #14284D;
	text-align: center;
	margin-bottom: 30px;
}
.describe{
	font-family: Century Gothic;
	font-size: 25px;
    color: #14284D;
	text-align: center;
}
.iconcircle{
	color:#14284D;
	height: 90px;
	width: 90px;
	background-color: white;
	border:2px solid #14284D;
	border-radius:50%;
	text-align: center;
	margin:15px 0px;
	position: relative;
	left: -32.5%;
}
.iconnocircle{
	color: white;
	display: none;
	
}
.img1{
	margin-left: auto;
	margin-right:auto;

}

/*Tablets and under*/
@media(max-width:1100px){
	.grid-2{
	grid-template-columns: 1fr;
	overflow: visible
	}
	.grid{
	grid-template-columns: 30% 70%
	}
	.maintext{
	font-size: 40px;
	}
	.webtext{
	font-size: 20px;
	}
	.links{
	font-size: 30px;
	}
	.item1{
	margin-top:20px;
	margin-top: auto;
	margin-bottom: 20px
	}
	.img1{
	 width: 50%;
	 max-width: 360px
	 
	}
	.item2{
	 padding: 30px;
	 padding-bottom: auto;
     margin-right:20px;
     margin-left:20px;
	 margin-bottom:20px;
	 margin-top:auto;
	 border-radius: 20px
	}
	
	.links{
	padding:10px
	}
	.iconcircle{
	display: none;
    }
    .iconnocircle{
	display: block;
    }
}
@media (max-width: 500px){
	.img1{
	 width: 50%;
}