@media (min-width: 0px) {
    .diploma {
        padding-top: 40px;
		padding-bottom: 40px;
		background-color: #1F262D;
    }

    .diploma .design-courses {

        font-size: 18px;
        line-height: 120%;
        color: #BC625C;
    }

    .diploma__main h2 {
        margin-top: 10px;
        font-size: 24px;
        line-height: 120%;
        text-transform: uppercase;
		color: #F3F4F6;
    }

    .diploma__description {
        font-family: Gotham Pro;
        font-size: 14px;
        margin-top: 15px;
        line-height: 150%;
		color: #F3F4F6;
    }

    .diploma__img img {
        width: 100%;
    }

    .diploma__info {
        display: flex;
        flex-direction: column;
        gap: 30px;
		margin-top: 45px;
    }

    .diploma__info-list {
        display: flex;
    }

    .list--point-headline {
		color: #F3F4F6;
        font-size: 18px;
        line-height: 120%;
    }

    .list--point {
        width: 271px;
        position: relative;
        right: 20px;

    }

    .diploma__info-list svg {
        position: relative;
        right: 20px;
    }

    .list--point-caption {
		color: #F3F4F6;
        margin-top: 10px;
        font-family: Gotham Pro;
        font-size: 14px;
        line-height: 150%;
    }
}
@media (min-width: 957px) {
    .diploma .container { 
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 211px 466px;
    }

    .diploma__main {
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .diploma__img {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 2;
    }

    .diploma__img img {
        height: 500px;
    }

    .diploma__info {

        grid-row-start: 2;
        grid-row-end: 3;
    }
}

@media (min-width: 1243px) {

    .diploma__main h2 {

        font-size: 36px;
    }
    .diploma__description {
        width: 600px;
        font-size: 20px;
    }

    .diploma .container {
		grid-template-rows: 234px 386px;
    }

    .diploma__info {
        margin-top: 55px;
    }

    .list--point-headline {
        font-size: 24px;
    }

    .list--point-caption {

        font-size: 14px;
    }

    .list--point {
        width: 528px;
    }

	
    .diploma {
        padding: 128px 0;
    }

    .diploma__img img {
        height: unset;
    }
}


@media (min-width: 1550px) {
	.diploma__img img {
		width: unset;
	}
}