html {
	width: 100%;
}
body {
	width: 100%;
}

.category-section {
	padding: 3rem;
}

.first-left-col {
	padding: 5rem;
}


.main-title {
	font-size: 7rem;
	font-weight: 900;
	line-height: 1.2;
	padding: 1rem;
}

.main-subtitle{
	font-size: 4rem;
	padding: 1rem;
	line-height: 1.1;
	border-bottom: 3px solid black:
}

.worker-subtitle {
	font-size: 3.5rem;
	padding: 1rem;
	line-height: 1.1;
	/*letter-spacing: 2px;*/
}

.worker-description {
	padding: 1rem;
	font-size: 2.5rem;
}

.main-description {
	padding: 1rem;
	font-size: 2rem;
}
.second-title > h1{
    
    /*line-height: 1.2;*/
    font-size: 3rem;
    font-weight: 900;
    text-align: center;
    padding-bottom: 20px;
    margin: 2px auto;
}

.second-section {
	font-size: 2.5rem;
}

.second-section > p {
	margin: 2rem auto;
}

.features-table {
	margin: 2rem auto;
}

.features-table td {
	padding: 1rem 2rem;
	text-align: center;
}

.feature-item {
	background-color: #ddd;
	padding: 1rem 3rem;
}

.app-links {
	text-align: center;
	margin: 1rem auto;
}

.features-table-mobile {
	display: none;
}

.features-table-mobile td {
	padding: 1rem;
	width: 50%;
	text-align: center;
}

.image-wrapper {
    display: inline-block;
    position: relative;
    width: 500px;
    height: 500px;
    overflow: hidden;
    border-radius: 50%;
    padding: 20px;
}

.image-cropper {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.categories-section {
	padding: 20px;
	width: 100%;
}

.mobile-categories-section {
	display: none;
}

.categories-covered {
	border: 5px solid black;
	padding: 20px;
	vertical-align: middle;
	margin: auto;
	border-radius: 8px;
}

@media (max-width: 1000px) {

	.first-left-col {
		padding: 2.5rem;
		text-shadow: 0 0 2px #000;
		-moz-text-shadow: 0 0 2px #000;
  		-webkit-text-shadow: 0 0 2px #000;
		color: white;
	}

	.categories-section{
		display: none;
	}

	.mobile-categories-section {
		display: block;
		margin-bottom: 2rem;
	}

	.features-table {
		display: none;
	}

	.features-table-mobile {
		display: block;
		margin: 2rem auto;
	}

	.first-right-img {
		display: none;
	}
	#first-right-img {
		display: none;
	}

	.main-title {
		font-size: 4rem;
		font-weight: 900;
		line-height: 1.2;
		padding: 1rem;
	}

	.main-subtitle{
		font-size: 2.5rem;
		padding: 1rem;
		line-height: 1.1;
		border-bottom: 3px solid black:
	}

	.main-description {
		padding: 1rem;
		font-size: 2rem;
	}

	.worker-subtitle {
		font-size: 3rem;
		padding: 1rem;
		line-height: 1.1;
		/*letter-spacing: 2px;*/
	}

	.worker-description {
		padding: 1rem;
		font-size: 2rem;
	}

	.second-title > h1{
	    /*line-height: 1.2;*/
	    font-size: 2.5rem;
	    font-weight: 900;
	    text-align: center;
	    padding-bottom: 20px;
	    margin: 2px auto;
	}

	.second-section {
		font-size: 2rem;
	}

	.second-section > p {
		margin: 1rem auto;
	}
}

@media (max-width: 1024px) {

    .image-wrapper {
    	width: 100%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}

    .image-cropper {
        width: 55%;
    }
}


@media (max-width: 600px) {
    .image-cropper {
       width: 280px;
       height: 280px;
    }
}

@media (max-width: 768px) {

      .image-cropper {

        width: 70%;
      }
    }