* {
    margin: 0;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
}

}

a {
    font-size: 24px;
}
.grid{
    display:grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px;
}

.cell{
    height: 100px;
}
/* default - small devices */
[class*="col"]{
    grid-column-end: span 12;
}

/*below 600px typically tablet*/
@media only screen and (min-width: 601px){
    .sm1{
        grid-column-end: span 12;
        }
    .sm2{
        grid-column-end: span 6;
        }
    .sm3{
        grid-column-end: span 4;
        }
    .sm4{
        grid-column-end: span 3;
        }
    .sm6{
        grid-column-end: span 2;
        }
    .sm12{
        grid-column-end: span 1;
    }
}

/*above 601px typically tablet*/
@media only screen and (min-width: 601px){
    .md1{
        grid-column-end: span 12;
        }
    .md2{
        grid-column-end: span 6;
        }
    .md3{
        grid-column-end: span 4;
        }
    .md4{
        grid-column-end: span 3;
        }
    .md6{
        grid-column-end: span 2;
        }
    .md12{
        grid-column-end: span 1;
    }
}

/*above 1025pc, typically desktop*/
@media only screen and (min-width: 1025px){
    .col1{
        grid-column-end: span 1;
        }
    .col2{
        grid-column-end: span 2;
        }
    .col3{
        grid-column-end: span 3;
        }
    .col4{
        grid-column-end: span 4;
        }
    .col5{
        grid-column-end: span 5;
        }
    .col6{
        grid-column-end: span 6;
        }
    .col7{
        grid-column-end: span 7;
        }
    .col9{
        grid-column-end: span 9;
    }
    .col10{
        grid-column-end: span 10;
    }
    .col12{
        grid-column-end: span 12;
    }
}

/*homepage*/
h1{
    height: auto;
    }

h1 a{
    text-decoration: none;
    margin: 0;
    color: #000;
    font-size: 48px;
    }
    
    h1 a:hover{
        color: #000;
        background-color: #fff;
    }
    
nav{
    text-align: right;
    height: 40px!important;
    font-size: 24px;
}

nav ul{
    list-style-type: none;
    padding: 0;
}
nav li {
    display: inline;
    text-align: center;
}

h2{
    padding: 0;
    height: auto!important;
    margin: 10px;
    font-size: 40px;
}

#aboutcassa{
    grid-row: 5;

}

#aboutcentralasia{
    grid-row: 6;
}

#joinus{
    grid-row: 7;
}

#maponindex{
    grid-row-end: span 5;
    height: auto;
    margin: 10px;
}

nav a{
    text-decoration: none;
    padding: 10px 20px;
    color: #000;
    display: inline-block;
}
nav a:hover{
    color: #fff;
    background: #333;
}
.image{
    background-color: #ddd;
    text-align: center;
    padding: 100px;
}

.buttonrow{
    text-align: center;
    list-style-type: none;
    padding: 0;
    grid-row: 10;
}
.buttonrow li {
    display: inline;
    text-align: center;
}
.buttonrow a{
    text-decoration: none;
    color: #fff;
    padding: 20px;
    background-color: rgb(100, 100, 100);
    display: inline;
    margin: 130px;
}

    .buttonrow a:hover{
    background-color: #000;
}
    
/*about CA*/
#qazaq{
    font-size: small
}

.row1country{
    grid-row: 7;
}
.row1countrywords{
    grid-row: 8;
}

.row2country{
    grid-row: 9;
}
.row2countrywords{
    grid-row: 10;
}

.row3country{
    grid-row: 11;
}

.row3countrywords{
    grid-row: 12;
}

.sidecountry{
    grid-column: 7;
}

/*about cassa*/

#groupphoto{
    grid-column-start: 7;
    grid-row: 2;
    grid-row-end: 6
}

#buttonIntro{
    margin-top: 75px;
    text-align: right;
    font-size: x-large;
    grid-column-start: 3;
    grid-column-end: 7
}
    
    #joinUsButton {
        margin-top: 75px;
    }
    
#joinUsButton a{
    margin-top: 75px;
    height: 40px;
    width: 100px;
    font-size: x-large;
    text-decoration: none;
    color: #fff;
    background-color: rgb(100,100,100);
    text-align: center;
}
    
    #joinUsButton a:hover{
    background-color: #000;
}

.teammember{
    height: 500px
}

/*meetings page*/
.h2word{
    text-align: left;
    grid-column: 1;
    grid-column-end: 7;
}

/*faq page*/

h3{
    padding: 0;
    height: auto!important;
    margin: 10px;
    font-size: 28px;
}

p{
    padding: 0;
    height: auto!important;
    margin: 10px;
    font-size: 20px;
}

#extra{
    text-align: center;
}