@charset "UTF-8";
.resize {
    height: 100%;
    min-width: auto;
    min-height: auto;
    max-width: auto;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    width: 100%;
}
.MCSPadding {
    padding-bottom: 20px;
}

@media (max-width:400px){
.MediaCS {
    width: 100%;
    height: 100%;
    min-width: 10%;
    min-height: 10%;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}
}

@media (max-width:575px){
.resize {
    width: 100%;
    height: 100%;
    min-width: 10%;
    min-height: 10%;
    max-width: 100%;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    text-align: center;
}
.MediaCS {
    width: 100%;
    height: 100%;
    min-width: 10%;
    min-height: 10%;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}
}

@media (max-width: 1191px){
.resize {
    width: auto;
    height: auto;
    min-width: auto;
    min-height: auto;
    max-width: 880px;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
}

@media (max-width: 1124px){
.resize {
    height: auto;
    min-width: auto;
    min-height: auto;
    max-width: 880px;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}
.resize {
    height: auto;
    min-width: auto;
    min-height: auto;
    max-width: 880px;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}
}

@media (max-width: 1191px){
.resize {
    width: auto;
    height: auto;
    min-width: auto;
    min-height: auto;
    max-width: 880px;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}
}

@media (max-width:1440px){
	  width: auto;
    height: auto;
    min-width: auto;
    min-height: auto;
    max-width: 880px;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
	
}

@media (max-width: 400px){
.MCSPadding {
}
}

@media (max-width: 301px){
.MediaCS {
    width: 100%;
    height: 100%;
    min-width: 10%;
    min-height: 10%;
    max-width: 880px;
    max-height: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;

}
}

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

@media (max-width:1079px){
.MediaCS {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 880px;
    max-height: 100%;
    display: inline-block;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}
.MediaCS {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}
}

@media (max-width: 1097px){
}

@media (max-width: 1044px){
}

@media (orientation:landscape) and (max-width:1079px){
.MediaCS {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 880px;
    max-height: 100%;
    display: inline-block;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}
.MediaCS {
    width: auto;
    height: auto;
    min-width: auto;
    min-height: auto
%;
    max-width: 880px;
    max-height: auto;
    display: inline-block;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    min-height: auto;
}
}