.bold {
    font-weight: bold;
}
.w-100 {
	width: 100%;
}
.layout {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}
.pointer {
    cursor: pointer;
}
.m-auto {
	margin: auto;
}

.section {
    padding-top: 80px;
    text-align: center;
}
.section-button {
    border: 1px solid;
    color: #666666;
	border-color: #000000;
	background-color: #ffffff;
    width: 150px;
    line-height: 35px;
    margin: auto;
    transition: all 0.2s;
}

/* SECTION 1 */

#sec-1 {
    position: relative;
}
.sec-1-layout {	
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.sec-1-title{
	font-weight: 800;
	text-align: center;
	margin-bottom: 0;
}
.sec-1-sub-title{
	text-align: center;
}

/* END SECTION 1 */

/* SECTION 2 */

#sec-2 {
    text-align: center;
    padding-top: 80px;
}
#sec-2 img {
	height: 250px;
}
.sec-2-desc {
    margin: auto;
    padding-bottom: 90px;
}
/* END SECTION 2 */

/* SECTION 3 */

#sec-3 {
	position: relative;
}
.sec-3-layout {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.rotate-btn-container {
    position: relative;/*
    top: 50%;
    transform: translateY(-50%);*/
}
.rotate-btn {
	background: rgba(0,0,0, .25);
    border: 5px solid white;
    min-width: 113px;
    min-height: 113px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.rotate-btn-in {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: white;
	display: block;
	text-align: center;
	width: auto !important;
	height: max-content !important;
}

/* END SECTION 3 */

/* SECTION 4 */

.sec-4-desc {
    margin: auto;
    padding-bottom: 70px;
}
.sec-4-break {
	height: 45px;
    margin-top: 90px;
    background: #5f70ad;
    background: -moz-linear-gradient(left, #5f70ad 4%, #566e9e 19%, #44497f 30%, #42437a 44%, #7d99e8 53%, #5c6baa 60%, #8590f7 69%, #8594f7 78%, #5f65af 90%, #5d6dad 99%);
    background: -webkit-linear-gradient(left, #5f70ad 4%,#566e9e 19%,#44497f 30%,#42437a 44%,#7d99e8 53%,#5c6baa 60%,#8590f7 69%,#8594f7 78%,#5f65af 90%,#5d6dad 99%);
    background: linear-gradient(to right, #5f70ad 4%,#566e9e 19%,#44497f 30%,#42437a 44%,#7d99e8 53%,#5c6baa 60%,#8590f7 69%,#8594f7 78%,#5f65af 90%,#5d6dad 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f70ad', endColorstr='#5d6dad',GradientType=1 );
}

/* END SECTION 4 */

/* SECTION 5 */

.sec-5-columns {
	margin: 0 auto 65px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.column {
	display: flex;
	flex-direction: column;
	padding: 0 15px;
}
.column-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
    color: #222222;
}
#sec-5 img {
	margin-top: 50px;
}

/* END SECTION 5 */

@media (max-width: 574px){

	.fontsizesubtitle {
	    font-size: 25px;
	}
	.fontsizfirstemenu {
	    font-size: 13px;
	}
	.fontsizemenusmall {
	    font-size: 8px;
	}
	.width {
	    width: 350px;
	}
	.lineheightmenu {
	    line-height: 22px;
	}


/* SECTION 1 */
	.sec-1-logo {
		height: 80px;
		margin-top: 55px;
		margin-bottom: 5px;
	}
	.sec-1-title {
		font-size: 35px;
		margin-top: -5px;
	}
	.sec-1-sub-title{
		font-size: 15px;
	    letter-spacing: 0.5px;
	    margin-top: -5px;
	}
/* END SECTION 1 */

/* SECTION 3 */	
	
/* END SECTION 3 */
	
}

@media (max-width: 374px){

	.width {
	    width: 285px;
	}
	.lineheightmenu {
	    line-height: 13px;
	}

/* SECTION 1 */
	.sec-1-logo {
		height: 80px;
		margin-top: 15px;
		margin-bottom: 5px;
	}
/* END SECTION 1 */

/* SECTION 3 */	
	.sec-3-layout {
	    width: 230px;
	    margin: auto;
	}
	.rotate-btn {
	    height: 90px;
	    width: 90px;
	}
	
/* END SECTION 3 */

}

@media (min-width: 375px){

	.fontsizesubtitle {
	    font-size: 35px;
	}

/* SECTION 1 */
	.sec-1-logo {
	    height: 80px;
	    margin-top: 55px;
	    margin-bottom: 5px;
	}
/* END SECTION 1 */

/* SECTION 3 */
	.sec-3-layout {
	    width: 300px;
	    margin: auto;
	}
	.rotate-btn {
	    height: 90px;
	    width: 90px;
	}
/* END SECTION 3 */

}
@media (min-width: 575px){

	.fontsizfirstemenu {
	    font-size: 20px;
	}
	.fontsizemenusmall {
	    font-size: 11px;
	}
	.width {
	    width: 450px;
	}
	.lineheightmenu {
	    line-height: 25px;
	}


/* SECTION 1 */
	.sec-1-logo {
		height: 120px;
		margin-top: 120px;
		margin-bottom: 5px;
	}
	.sec-1-title {
		font-size: 45px;
		margin-top: -5px;
	}
	.sec-1-sub-title{
		font-size: 20px;
	    letter-spacing: 0.5px;
	    margin-top: 5px;
	}
/* END SECTION 1 */

/* SECTION 3 */
	.sec-3-layout {
	    width: 400px;
	    margin: auto;
	}
	.rotate-btn {
	    height: 120px;
	    width: 120px;
	}
	
/* END SECTION 3 */


}
@media (min-width: 775px){

	.fontsizesubtitle {
	    font-size: 55px;
	}
	.fontsizfirstemenu {
	    font-size: 30px;
	}
	.fontsizemenusmall {
	    font-size: 15px;
	}
	.width {
	    width: 665px;
	}
	.lineheightmenu {
	    line-height: inherit;
	}

/* SECTION 1 */
	#sec-1 {
		overflow: hidden;
	}
	.sec-1-logo {
		height: 160px;
		margin-top: 80px;
		margin-bottom: 10px;
	}
	.sec-1-title {
		font-size: 80px;
	}
	.sec-1-sub-title{
		font-size: 25px;
		margin-bottom: 85px;
		margin-top: 30px;
		letter-spacing: 8px;
	}
/* END SECTION 1 */

/* SECTION 3 */
	.sec-3-layout {
	    width: 600px;
	    margin: auto;
	}
	.rotate-btn {
	    height: 160px;
	    width: 160px;
	}
	
/* END SECTION 3 */


}
@media (min-width: 975px){

/* SECTION 1 */
	.sec-1-logo {
		height: 200px;
		margin-top: 120px;
		margin-bottom: 10px;
	}
/* END SECTION 1 */

/* SECTION 3 */
	.sec-3-layout {
	    width: 700px;
	    margin: auto;
	}
	.rotate-btn {
	    height: 175px;
	    width: 175px;
	}
/* END SECTION 3 */


}
@media (min-width: 1175px){

}