@font-face {
    font-family: 'Cygre-ExtraBold';
    src: url('../fonts/extrabold/cygre-extrabold.eot');
    /* IE 9 Compatibility Mode */
    src: url('../fonts/extrabold/cygre-extrabold.eot?#iefix') format('embedded-opentype'),
        /* IE < 9 */
        url('../fonts/extrabold/cygre-extrabold.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/extrabold/cygre-extrabold.woff') format('woff'),
        /* Firefox >= 3.6, any other modern browser */
        url('../fonts/extrabold/cygre-extrabold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/extrabold/cygre-extrabold.svg#cygre-extrabold') format('svg');
    /* Chrome < 4, Legacy iOS */
}


@font-face {
    font-family: 'Cygre-Light';
    src: url('../fonts/light/cygre-light.eot');
    /* IE 9 Compatibility Mode */
    src: url('../fonts/light/cygre-light.eot?#iefix') format('embedded-opentype'),
        /* IE < 9 */
        url('../fonts/light/cygre-light.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/light/cygre-light.woff') format('woff'),
        /* Firefox >= 3.6, any other modern browser */
        url('../fonts/light/cygre-light.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/light/cygre-light.svg#cygre-extrabold') format('svg');
    /* Chrome < 4, Legacy iOS */
}

@font-face {
    font-family: 'Cygre-SemiBold';
    src: url('../fonts/semibold/cygre-semibold.eot');
    /* IE 9 Compatibility Mode */
    src: url('../fonts/semibold/cygre-semibold.eot?#iefix') format('embedded-opentype'),
        /* IE < 9 */
        url('../fonts/semibold/cygre-semibold.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/semibold/cygre-semibold.woff') format('woff'),
        /* Firefox >= 3.6, any other modern browser */
        url('../fonts/semibold/cygre-semibold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/semibold/cygre-semibold.svg#cygre-extrabold') format('svg');
    /* Chrome < 4, Legacy iOS */
}

body {
    display: flex;

    width: 100%;

    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

#intro-section-text {
    position: relative;
	margin-left: 2em; 
    margin-top: 20rem;
    z-index: 3;

    max-width: 75%;
    max-height: 75%;
}

#intro-section-text h1 {
    font-family: 'Cygre-ExtraBold';
    color: white;

    font-size: 70px;
}

#intro-section-text h2 {
    font-family: 'Cygre-Light';
    color: white;

    font-size: 60px;
    font-weight: 100;
    margin-top: -1em;
}


#contact-us-flexbox {

    position: relative;
    z-index: 3;
    margin-top: 38rem;
    display: flex;
    flex-direction: row;
}

#contact-us-section {
    margin-left: auto;
    margin-right: auto;
}


#contact-us-options {
    background-color: white;

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2em;
    border-radius: 12px;
    box-shadow: 0px 2px 3px black;

    gap: 3em;
}

button:hover{
    background: linear-gradient(#125ff9, #125ff9);
}

button:active{
    background: linear-gradient(#0b3893, #0b3893);
}

.contact-us-option-img {
    width: 80%;
    height: 80%;

    margin-right: auto;
    margin-left: auto;

    filter: drop-shadow(black 0rem 1px 2px);
}

.partition-heading {
    font-family: 'Cygre-ExtraBold';
}



.partition {
    margin-bottom: 1em;
    
    display: flex;
    flex-direction: column;

    gap: 3rem;
}

.no-items-message {
      font-family: 'Cygre-Light';
}

.partitions-section {
    display: flex;

    flex-direction: column;

     margin-left: 2rem;
    margin-right: 2rem; 

}

@media (min-width: 1079px){
.rounded-button {
	position: relative;
	cursor:pointer;
    border: none;
    border-radius: 30px;
    width: 128px;
    height: 48px;
    background: linear-gradient(#125ff9, #0b3893);
    font-family: 'Cygre-Medium';
    font-size: 1em;
    color: white;
    transition: background 0.7s;
    margin-bottom: 2em;
	}
	
.news-list {
    
    display: flex;
    flex-direction: row; 
    flex-wrap: nowrap; 
	
	overflow-x: auto;
	

    gap: 1.5em;
    white-space: auto;
    

	
	
	.item {
		
		flex-direction: column;
		gap: 0.2em;
		width: 25em;
		
		.caption {
            font-family: 'Cygre-SemiBold';
			text-wrap: wrap;
			width: 348px;
			height: 2.8em;
        }

        .thumbnail {

            border-radius: 32px;
			object-fit: cover;

            width: 348px;
            height: 192px;
        }

        .brief-description {
            font-family: 'Cygre-Light';
            white-space: normal;
    overflow-wrap: break-word;
    width: 20em;
			font-size: 1em;
			height: 5em;
			overflow: hidden;

            
        }
    }
}
}

/* phones */

@media (max-width: 1079px){
.rounded-button {
	cursor:pointer;
    border: none;
    border-radius: 60px;
    width: 192px;
    height: 72px;
    background: linear-gradient(#125ff9, #0b3893);
    font-family: 'Cygre-Medium';
    font-size: 1.75em;
    color: white;
    transition: background 0.7s;
    
	margin-left: 12em;
	}
.news-list {
    
    width: 100%;
	display: flex;
    flex-direction: column;

    gap: 4rem;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    

	
	
	.item {
        
        .caption {
            font-family: 'Cygre-SemiBold';
			text-wrap: wrap;
			width: 100%;
        }

        .thumbnail {

            border-radius: 32px;
			object-fit: cover;

            width: 100%;
            height: 490px;
        }

        .brief-description {
            font-family: 'Cygre-Light';
            white-space: normal;
    overflow-wrap: break-word;
    width: 20em;
	
	font-size: 3em;

            
        }
    }
}



}